@charset "UTF-8";

@font-face { font-family:'AkzidenzGrotesk-BoldCondAlt'; src:url('../fonts/akzidenzgrotesk-boldcondalt.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family:'Gotham-Bold';src:url('../fonts/gotham-bold.woff') format('woff');font-weight: normal; font-style: normal;}

@font-face { font-family:'Gotham-Book'; src:url('../fonts/gotham-book.woff') format('woff');font-weight: normal; font-style: normal;}

@font-face { font-family:'gotham-medium'; src:url('../fonts/gotham-medium.woff') format('woff');font-weight: normal; font-style: normal;}

html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}

body {

    font-family:'Microsoft Yahei';

    font-size:12px;

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-tap-highlight-color: transparent;

    tap-highlight-color: transparent;

}

input,textarea,button{padding: 0;font-family: Verdana, Arial;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}

img {border:0;}

input[type=submit],input[type=text],button {

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    border-radius:0;

    cursor:pointer;

}

input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}

input,select,textarea {

    vertical-align:middle;

    outline:none;

    -webkit-tap-highlight-color: transparent;

}

a {

    color:#333;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

}

a:link{text-decoration:none;}

a:visited{text-decoration:none;}

a:hover{text-decoration:none;cursor:pointer;}

a:active{text-decoration:none;}

.hidden{display:none;visibility:hidden;}

.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}

.wrap:after{clear: both;content:"";display: table;}

.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}

.clearfix:before, .clearfix:after {

    content:"";

    display:table;

}

.clearfix:after {

    clear:both;

}

.clearfix {

    zoom:1;

}

.wrap {

    padding:0 100px;

    margin:0 auto;

    position:relative;

}

@media (max-width:991px){

    .wrap {padding:0 4.5%;}

    .mc-hidden {display:none}

}

@media (min-width:990px){

    .lg-hidden1 {display:none}

}

@media (max-width:767px){

    .sm-hidden {display:none;}

}

@media (min-width:768px){

    .lg-hidden {display:none;}

}

.wrap:after,

.wrap:before,

.container:after,

.container:before{

    content:"";

    display:table;

}

.wrap:after,

.container:after {clear:both;}

.container {width:80%;margin:0 auto;}

@media (min-width:1200px){

    .container {width:1200px;}

}

@media (min-width:1450px){

    .container {width:1330px;}

}

@media (min-width:1530px){

    .container {width:1530px;}

}

@media (min-width:1450px) {

    .ourwork-page .container {width:88%;}

}

@media (max-width:991px){

    .container {width:91%;}

}

.clear {clear:both;}

.fl{float: left;}

.fr{float: right;}

.absolute { position: absolute;}

.pors{position: relative;}

.tl{text-align: left;}

.tc{text-align: center;}

.tr{text-align: right;}

.hide {opacity:0;}

.en {font-family:'gotham-medium';}

.index-banner li,.item-list li,.inner-tab li {list-style-type:none;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}


.body-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; visibility: hidden; opacity: 0;

    background-color: rgba(0,0,0,0.4);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);

    transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

    -webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

    -moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

}

.body-bg.active{ visibility: visible; opacity: 1; z-index: 997;}

.fixed-menu{ position: fixed; left: 0; top: 0; height:100%; z-index: 998;

    transform: translateX(-560px);

    -webkit-transform: translateX(-560px);

    -moz-transform: translateX(-560px);

    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

}

.fixed-menu.active{

    transform:matrix(1,0,0,1,0,0);

    transform: translateX(0px);

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

    -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

    -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

}

.fixed-menu.on {

    transform: translateX(-550px);

    -webkit-transform: translateX(-550px);

    -moz-transform: translateX(-550px);

}

.fixed-menu .close-bar {display:none;}


.fixed-menu .sub-menu-phone{ position: absolute; left: 0; top: 0; width: 560px; height: 100%; background-color: #222; padding:120px 30px 0 30px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;

    -webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;

    -moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;

}

.fixed-menu .sub-menu-phone ul{ position:absolute;top:50%;width:100%;transform:translateY(-50%);}

.fixed-menu .sub-menu-phone ul li{ display: table; width: 100%; position: relative;}

.fixed-menu .sub-menu-phone ul li a{

    float:right;overflow:hidden;display:block;width:330px;height:56px;line-height:55px;position:relative;

    opacity: 0;

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    transition: all 0s ease-in-out 0.3s;

    -webkit-transition: all 0s ease-in-out 0.3s;

    -moz-transition: all 0s ease-in-out 0.3s

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(1) a{

    transition: all 0.3s ease-in-out 0.8s;

    -webkit-transition: all 0.3s ease-in-out 0.8s;

    -moz-transition: all 0.3s ease-in-out 0.8s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(2) a{

    transition: all 0.3s ease-in-out 0.9s;

    -webkit-transition: all 0.3s ease-in-out 0.9s;

    -moz-transition: all 0.3s ease-in-out 0.9s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(3) a{

    transition: all 0.3s ease-in-out 1s;

    -webkit-transition: all 0.3s ease-in-out 1s;

    -moz-transition: all 0.3s ease-in-out 1s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(4) a{

    transition: all 0.3s ease-in-out 1.1s;

    -webkit-transition: all 0.3s ease-in-out 1.1s;

    -moz-transition: all 0.3s ease-in-out 1.1s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(5) a{

    transition: all 0.3s ease-in-out 1.2s;

    -webkit-transition: all 0.3s ease-in-out 1.2s;

    -moz-transition: all 0.3s ease-in-out 1.2s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(6) a{

    transition: all 0.3s ease-in-out 1.3s;

    -webkit-transition: all 0.3s ease-in-out 1.3s;

    -moz-transition: all 0.3s ease-in-out 1.3s;

}

.fixed-menu .sub-menu-phone ul li:nth-of-type(7) a{

    transition: all 0.3s ease-in-out 1.4s;

    -webkit-transition: all 0.3s ease-in-out 1.4s;

    -moz-transition: all 0.3s ease-in-out 1.4s;

}

.fixed-menu .sub-menu-phone.active ul li a{

    transform: translateY(0px);

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    opacity: 1;

}

.fixed-menu .sub-menu-phone ul li a:after{display:none;width:0px;height:1px;background-color:#575857;position:absolute;content:'';left:0px;top:28px;}

.fixed-menu .sub-menu-phone ul li a font{display:block;font-size:28px;color:#fff;position:absolute;left:0;overflow:hidden;text-transform:capitalize;line-height:58px;}

.fixed-menu .sub-menu-phone ul li a small{font-family:'gotham-medium';font-size:32px;color:#999;text-transform:capitalize;position:absolute;left:0;line-height:64px;}

.fixed-menu .sub-menu-phone ul li a:after,.fixed-menu .sub-menu-phone ul li a font,.fixed-menu .sub-menu-phone ul li a small{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;}

.fixed-menu .sub-menu-phone .phone-wrap {position:absolute;left:200px;bottom:60px;padding-left:30px;}

.fixed-menu .sub-menu-phone .phone-wrap .label {

    display:block;

    font-size:14px;

    color:#fff;

    text-transform:uppercase;

    opacity:.5;

}

.fixed-menu .sub-menu-phone .phone-wrap .phone a{

    font-size:18px;

    font:18px/1.5 'Gotham-Book';

    color:#fff;

}

.js-container {

    position: relative;

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    overflow-scrolling: touch;

    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;

}

.js-container.active {

    transform:translateX(560px);

    -webkit-transform: translateX(560px);

    -moz-transform: translateX(560px);

    transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

    -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

    -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;

}

/*.js-container.on {*/

    /*transform: translateX(10px);*/

    /*-webkit-transform: translateX(10px);*/

    /*-moz-transform: translateX(10px);*/

/*}*/

@media (max-width:1400px){

    .navBar {width:60px;height:170px;}

    .navBar .bar-logo {right:14px;width:35px;height:35px;}

    .navBar .bar-logo img:first-child {max-width:100%;}

    .navBar .bar-menu {width:60px;height:70px;}

    .navBar .bar-menu i {left:18px;}

    .navBar .bar-menu i.bar-top{ bottom:44px;}

    .navBar .bar-menu i.bar-cen{ bottom:37px;}

    .navBar .bar-menu i.bar-bom{ bottom:30px;}

    .navBar .bar-menu i.bar-left,

    .fixed-menu .close-bar i.bar-left,

    .navBar .bar-menu i.bar-right,

    .fixed-menu .close-bar i.bar-right{  bottom:37px;  }

    .fixed-menu .sub-menu-phone {padding:0 30px;}

    .fixed-menu .sub-menu-phone ul li a font {font-size:26px;}

    .fixed-menu .sub-menu-phone ul li a small {font-size:28px;}

}

@media (max-width:991px){

    .navBar {transform: translateX(0px);

        -webkit-transform: translateX(0px);

        -moz-transform: translateX(0px);

        top: 0;

        margin-top: auto;

        width: 100%;

        height: 60px;

        background-color: #fff;}

    .navBar.show {background:#fff;}

    .navBar.visble {transform: translateX(0px);

        -webkit-transform: translateX(0px);

        -moz-transform: translateX(0px);}

    .serviceNavBarWrap .navBar.show,.serviceNavBarWrap .navBar {background:#0e0e0e;}

    .serviceNavBarWrap .navBar .bar-menu i span {background: #fff;}

}

@media (max-width:991px){

    .navBar .bar-logo {top:13px;left:4.5%; width:auto;height:34px;}

    .navBar .bar-logo img:first-child {display:none}

    .navBar .bar-logo img:last-child {display:block;width:auto;height:100%;}

    .navBar .bar-menu {z-index:1001;position:fixed;right:4.5%;width:60px;height:60px;}

    .navBar .bar-menu i span {background:#333;}

    .navBar .bar-menu.active i span {background:#fff;}

    .navBar .bar-menu i.bar-top {bottom:35px;}

    .navBar .bar-menu i.bar-cen,

    .navBar .bar-menu i.bar-left,

    .navBar .bar-menu i.bar-right{  bottom: 30px;  }

    .navBar .bar-menu i.bar-bom {  bottom: 25px;  width: 22px;  }

    .fixed-menu {z-index:999;left:auto;right:0;width:80%;transform: translateX(100%);

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);}

    .fixed-menu .close-bar {    z-index: 1001;  position: fixed;top:10px;  right: 10px; display:block; width: 60px;  height: 60px;cursor:pointer;}

    .fixed-menu .close-bar i.bar-right,

    .fixed-menu .close-bar i.bar-left {left:15px;bottom:30px;}

    .fixed-menu .sub-menu-phone {left:auto;right:0;width:100%;}

    .fixed-menu .sub-menu-phone ul {top:45%;width:100%;padding:0 30px;}

    .fixed-menu .sub-menu-phone .phone-wrap {left:auto;}

    .fixed-menu .sub-menu-phone .phone-wrap .phone a{font-size:18px;}

    .js-container.active {transform: translateX(-80%);

        -webkit-transform: translateX(-80%);

        -moz-transform: translateX(-80%);}

}

/*footer*/


.top-footer {

    padding:60px 0 160px;

}

.top-footer .logo {

    float:left;

    /*width:25%;*/

}

.top-footer .bottom-item-wrap {

    float:left;

    /*width:75%;*/

}

.top-footer .each-item {

    float:left;

    /*width:33.33%;*/

}

@media(min-width:1366px){

    .top-footer .logo {width:315px;}

    .top-footer .bottom-item-wrap {width:100%;}

    .top-footer .each-item {width:350px}

    .top-footer .each-item.code-item {width:250px;}

}

.top-footer .each-item dl {

    width:250px;

}

.top-footer .each-item dt {

    padding-bottom:25px;

    margin-bottom:15px;

    font:normal 14px/1 '微软雅黑';

    color:#fff;

    border-bottom:1px solid #282828;

}

.top-footer .each-item .word {

    font-size:14px;

    color:rgba(255,255,255,.5);

    transition:all .5s ease-in-out;

}

.top-footer .each-item .word  a{

    font-size:14px;

    color:rgba(255,255,255,.5);

}

.top-footer .each-item a.word:hover {color:rgba(255,255,255,.7);}

.top-footer .contact-item .word {

    display:block;

    padding:5px 0;

}

.top-footer .address-item dd {

    margin:0 0 20px 10px;

    padding-left:40px;

}

.top-footer .address-item .address {

    line-height:20px;

    background:url(../images/footer-icon1-1.png) no-repeat left center;

}

.top-footer .address-item .phone-number {

    line-height:24px;

    background:url(../images/footer-icon1-2.png) no-repeat left center;

}

.top-footer .code-wrap {

    padding:5px 0;

}

footer .copyright {

    padding:35px 0;

    font-size:12px;

    color:rgba(255,255,255,.2);

    text-align:center;

}

footer .friend-links {


}

footer .friend-links .item-list {

    padding:35px 0;

    border-top:1px solid rgba(255,255,255,.1);

}

footer .friend-link-button-wrap strong {

    display:inline-block;

    width:88px;

    height:24px;

    margin-bottom:15px;

    font-weight:normal;

    color: rgba(255,255,255,.2);

    line-height:24px;

    text-align:center;

    border:1px solid rgba(255,255,255,.2);

    border-radius:2px;

}

footer .friend-links.active {transform:translateY(0);}

footer .friend-links li {

    display:inline-block;

    margin:0 25px 10px 0;

}

footer .friend-links li a {

    font-size:12px;

    color:rgba(255,255,255,.2);

    transition:all .5s ease-in-out;

}

footer .friend-links li a:hover {color:rgba(255,255,255,.5);}

@media(max-width:1400px){

    footer .wrap {width:91%;}

    .top-footer {padding:60px 0;}

    .top-footer .logo {width:23%;}

    .top-footer .bottom-item-wrap {width:100%;}

    .top-footer .each-item {width:25%}

    .top-footer .each-item.code-item {width:25%;}

    footer .copyright {padding:0 0 30px;}

}

.fixed-contact-wrap {

    z-index:999;

    position:fixed;

    right:30px;

    top:75%;

    width:60px;

    margin-top:-90px;

    overflow:hidden;

    border-radius:30px;

    opacity:0;

    transition:all .4s;

    transform: translateX(95px);

    -webkit-transform: translateX(95px);

    -moz-transform: translateX(95px);


}

.fixed-contact-wrap.show{  transform:none; opacity:1; }

.fixed-contact-wrap.active {width:215px;}

.fixed-contact-wrap li {

    position:relative;

    height:60px;

    background:#222;

    overflow:hidden;

}

.fixed-contact-wrap.active li {overflow:inherit;}

.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}

.fixed-contact-wrap li i {

    z-index:1000;

    position:absolute;

    right:0;

    display:block;

    width:60px;

    height:60px;

    transition:all .4s;

}

.fixed-contact-wrap.active li:after {

    z-index:1001;

    content:'';

    position:absolute;

    bottom:0;

    left:50%;

    display:block;

    width:80%;

    height:1px;

    margin-left:-40%;

    background:rgba(255,255,255,.1);

}

.fixed-contact-wrap.active li:last-child:after {display:none;}

.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:.5;}

.fixed-contact-wrap .phone i {

    background:#222 url(../images/fix-icon1.png) no-repeat center center;

    border-top-left-radius:30px;

    -moz-border-top-left-radius:30px;

    -webkit-border-top-left-radius:30px;

    border-top-right-radius:30px;

    -moz-border-top-right-radius:30px;

    -webkit-border-top-right-radius:30px;

}

.fixed-contact-wrap .qq i {background:#222 url(../images/fix-icon2.png) no-repeat center center;}

.fixed-contact-wrap .back-top i {  background:#222 url(../images/fix-icon3.png) no-repeat center center;  }

.fixed-contact-wrap.active .back-top i {

    border-bottom-left-radius:0;

    -moz-border-bottom-left-radius:0;

    -webkit-border-bottom-left-radius:0;

}

.fixed-contact-wrap li strong {

    position:absolute;

    top:0;

    right:-135px;

    display:block;

    width:115px;

    padding:0 15px 0 30px;

    font:normal 16px/60px 'gotham-medium';

    color:#fff;

    background:#222;

    white-space:nowrap;

    transition:all .4s;

}

.fixed-contact-wrap.active li strong {

    right:60px;

}

.fixed-contact-wrap.black li {background:#111;}

.fixed-contact-wrap.black li strong {background:#111;}

.fixed-contact-wrap.black .phone i {background:#111 url(../images/fix-icon1.png) no-repeat center center;}

.fixed-contact-wrap.black .qq i {background:#111 url(../images/fix-icon2.png) no-repeat center center;}

.fixed-contact-wrap.black .back-top i {  background:#111 url(../images/fix-icon3.png) no-repeat center center;  }

@media(max-width:1400px){

    .fixed-contact-wrap {right:15px;width:50px;border-radius:25px;}

    .fixed-contact-wrap.active {width:200px;}

    .fixed-contact-wrap li {height:50px;}

    .fixed-contact-wrap li i {width:50px;height:50px;}

    .fixed-contact-wrap li strong {right:-120px;width:100px;padding:0 15px 0 20px;font:normal 14px/50px 'gotham-medium';}

    .fixed-contact-wrap.active li strong {right:50px;}

}

@media(max-width:1200px){

    .top-footer .logo {width:15%;}

    .top-footer .logo img {width:80px;}

    .top-footer .bottom-item-wrap {width:100%;}

    .top-footer .each-item dl {width:95%;padding-right:5%;}

}

.mb15 {margin-bottom:1%;}

.normal-more-wrap2 {

    position:relative;

    display:inline-block;

    width:50px;

    height:50px;

    overflow:hidden;

    border-radius:100%;

}

.normal-more-wrap2:before {

    z-index:1;

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    border:2px solid #333;

    background:url(../images/more-icon1.png) no-repeat center center;

    border-radius:100%;

    box-sizing:border-box;

}

.normal-more-wrap2:hover:before {background:url(../images/more-icon2.png) no-repeat center center;}

.normal-more-wrap2:after {

    z-index:0;

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    background:#333;

    transition:all .4s;

    border-radius:100%;

    transform-origin:center center;

    transform:scale(0);

}

.normal-more-wrap2:hover:after {

    transform:scale(1);

}

.normal-more-wrap3 {

    position:relative;

    display:block;

    width:150px;

    height:50px;

    font-size:14px;

    text-align:center;

    overflow:hidden;

    border-radius:50px;

    border:2px solid #fff;

    transition:all .4s ease-in-out;

}

.normal-more-wrap3:hover {

    background:#fff;

}

.normal-more-wrap3 .more {

    display:block;

    z-index:1;

    position:relative;

    color:#fff;

    line-height:50px;

}

.normal-more-wrap3:hover .more {color:#333;}

.page-wrap .page {

    float:left;

    padding:15px 30px;

    background:#fff;

    border-radius:30px;

}

.page-wrap .page a {

    display:inline-block;

    width:30px;

    height:30px;

    margin:0 5px;

    font:14px/30px 'Gotham-Book';

    color:#666;

    text-align:center;

    border-radius:15px;

    transition:all .4s ease-in-out;

}

.page-wrap .page a.on,.page-wrap .page a:hover {color:#fff;background:#339ec1;}

.page-wrap .prev-next {float:right;}

.page-wrap .prev-next a {

    position:relative;

    display:inline-block;

    width:50px;

    height:50px;

    margin-left:20px;

    background:#fff;

    border-radius:25px;

}

.page-wrap .prev-next a:before,

.page-wrap .prev-next a:after,

.ourwork-prev-next-inner a i:before,

.ourwork-prev-next-inner a i:after{

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    border-radius:100%;

    transition:all .4s ease-in-out;

}

.page-wrap .prev-next a:before,

.ourwork-prev-next-inner a i:before{z-index:1;}

.page-wrap .prev-next a.prev:before {background:#fff url(../images/more-icon3a.png) no-repeat center center;}

.page-wrap .prev-next a.next:before {background:#fff url(../images/more-icon.png) no-repeat center center;}

.page-wrap .prev-next a.prev:hover:before {background:transparent url(../images/more-icon3.png) no-repeat center center;}

.page-wrap .prev-next a.next:hover:before {background:transparent url(../images/more-icon1.png) no-repeat center center;}

.ourwork-prev-next-inner a i:after,

.page-wrap .prev-next a:after {transform:scale(0);}

.page-wrap .prev-next a:after {  background:#333;  }

.page-wrap .prev-next a:hover:after,

.ourwork-prev-next-inner a i:hover:after{

    transform:scale(1);

}

.dialog {

    z-index:1000;

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

}

.dialog-bg {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.6);

}

.dialog-content {

    z-index:1111;

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-292.5px;

    margin-top:-230px;

}

.dialog-content .close {

    position:absolute;

    right:35px;

    top:25px;

    display:block;

    width:18px;

    height:18px;

    background:url(../images/close.png) no-repeat center center;

    cursor:pointer;

}

.price-page-wrap {

    width:585px;

    background:rgba(34,34,34,.95);

}

.price-page-inner {

    padding:65px 70px 50px;

}

.price-page-inner .title {

    margin-bottom:40px;

    font-size:24px;

    color:#fff;

    text-align:center;

}

.price-page-inner .each-input {

    height:50px;

    margin-bottom:10px;

    border-bottom:1px solid #333;

}

.price-page-inner .label-wrap {

    float:left;

    width:50px;

    font-size:14px;

    color:#666;

    line-height:50px;

}

.price-page-inner .input-wrap {

    margin-left:50px;

}

.price-page-inner .input-wrap .input-text {

    width:100%;

    height:50px;

    font-size:14px;

    line-height:50px;

    color:#666;

    background:transparent;

}

.price-page-inner .submit-wrap {

    margin-top:50px;

    text-align:center;

}

.price-page-inner .input-submit {

    width:160px;

    height:58px;

    font-size:16px;

    color:#fff;

    text-align:center;

    line-height:54px;

    background:transparent;

    border:2px solid #fff;

    border-radius:58px;

    transition:all .4s ease-in-out;

}

.price-page-inner .input-submit:hover {

    color:rgba(34,34,34,.95);

    background:#fff;

}

footer .wrap .gotop {

        display:none;

    }

@media (max-width:991px){

    .top-footer {padding:3rem 0;}

    .top-footer .bottom-item-wrap {float:none;width:100%;}

    .top-footer .logo {float:none;width:auto;}

    .top-footer .each-item {float:none;width:100%;margin-top:3rem;padding-bottom:1rem;}

    .top-footer .each-item dl {width:100%;}

    .top-footer .address-item dd {padding-left:25px;margin:0 0 20px 0;}

    .top-footer .each-item.code-item {display:none;}

    footer .friend-link-button-wrap {display:none;}

    footer .wrap {

        position:relative;

    }

    footer .copyright {

        text-align:left;

    }

    footer .wrap .gotop {

        position:absolute;

        width:35px;

        height:35px;

        right:6%;

        top:-8px;

        display:block;

    }

        footer .wrap .gotop img {

            width:100%;

        }

    .fixed-contact-wrap li.qq,.fixed-contact-wrap li.phone {display:none;}

    .fixed-contact-wrap li:hover {overflow:hidden;}

    .fixed-contact-wrap li:last-child {position:fixed;bottom:4.5%;right:4.5%;border-radius:100%;}

    .fixed-contact-wrap li i {width:35px;height:35px;}

    .fixed-contact-wrap .back-top i {background-size:12px 12px;}

}

@media (max-width:768px){

    .fixed-menu .sub-menu-phone ul li a font,

    .fixed-menu .sub-menu-phone ul li a small {font-size:24px;}

    .normal-more-wrap2 {width:35px;height:35px;border:1px solid #fff;}

    .normal-more-wrap2:before,.normal-more-wrap2:after {width:33px;height:33px;}

    .normal-more-wrap3 {width:100px;height:35px;font-size:12px;line-height:35px;}

    .normal-more-wrap3:before {border:1px solid #fff;}

    .normal-more-wrap3 .more {line-height:38px;}

    .dialog-content {width:100%;margin-left:-45.5%;}

    .price-page-wrap {width:91%;}

    .price-page-inner {width:100%;padding:7% 5%;}

    .price-page-inner .title {font-size:18px;margin-bottom:10px;}

    .price-page-inner .input-submit {width:130px;height:40px;font-size:14px;line-height:40px;border:1px solid #fff;}

}

.index-banner { 

    position:static;

    width:100%;

    height:750px;

    overflow:hidden;

}

.index-banner .en {

    font-family:'gotham-medium';

}

.index-banner .swiper-container {

    position: relative;

    width: 100%;

    height: 100%;

}


.index-banner .carousel-inner{

    position: absolute;

    top: -60px;

    right: 0;

    bottom: 0;

    left: 0;

    padding-top: 60px;

    overflow: hidden;

    /*cursor: -webkit-grab!important;*/

    /*cursor: grab!important;*/

}

.page-header-fullscreen-trame {

    position:absolute;

    left:-10%;

    top:-10%;

    width:120%;

    height:120%;


}

@media (min-width: 768px) {

    .index-banner .carousel-inner{

        position: absolute;

        top: 0;

        padding-top: 0;}


}

.index-banner .carousel-item {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    overflow: hidden;

    z-index: 10;

    opacity:0;

    transition: .6s opacity cubic-bezier(.19,1,.22,1);

    cursor: move;

    touch-action: pan-y;

    user-select: none;

}

.index-banner .carousel-item .video-inner {

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 50%;

    z-index: 8;

    width: 2560px;

    margin-left: -1280px;

    background-color: #fff;

    text-align: center;

}

.index-banner .carousel-item .video video {

    position:relative;

    display: inline-block;

    vertical-align: baseline;

}

.index-banner .carousel-item.carousel-item-prev {

    transform-origin:center right;

    transform: translateX(-100%);

}

.index-banner .carousel-item.carousel-item-next {

    transform-origin:center right;

    transform: translateX(100%);

}

.index-banner .carousel-item:active {

    cursor: -webkit-grab!important;

    cursor: grab!important;

}

.index-banner .carousel-item.active {

    z-index: 15;

    opacity:1;

    transform-origin:center right;

}

.static .carousel-item {

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

    cursor: default !important

}


.static.is-mobile .carousel-item {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    opacity: 0

}

.index-banner .carousel-item-inner {

    position: absolute;

    width: 100%;

    height: 100%;

}

.carousel-item-image-wrapper {

    position:relative;

    width: 100%;

    height: 100%;

    overflow: hidden

}


.carousel-item-image-wrapper:before {

    z-index: 20

}


.carousel-item-image-wrapper:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: .2;

    background-color: #000;

    z-index: 8

}


@media (min-width: 768px) {

    .carousel-item-image-wrapper:after {

        content: none

    }

}


.carousel-item-image {

    position: relative;

    height: 100%;

    width: 100%;

    overflow: hidden

}


.carousel-item-image:before {

    opacity: .2;

    z-index: 20

}

.banner-background {

    position:absolute;

    left:0;

    top:0;

    width:100%;}

.carousel-item-image img {

    position:relative;

    width: 100%;

    height:100%;

    max-width: none;

    z-index: 10

}

.index-banner .swiper-inner-text-wrap {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    text-align:center;

}
.carousel-item3 .page-header-fullscreen-text {

    background:rgba(0,0,0,.3);

}
/*--
.carousel-item1 .page-header-fullscreen-text {

    background:rgba(0,0,0,.1);

}

.carousel-item .page-header-fullscreen-text{

    background: -moz-linear-gradient(left, rgba(0,30,72,.2) 0%, rgba(0,30,72,.4) 100%);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.2), to(rgba(0,30,72,.2))));

    background: -webkit-linear-gradient(left, rgba(0,30,72,.2) 0%,rgba(0,30,72,.2) 100%);

    background: -o-linear-gradient(left, rgba(0,30,72,.2) 0%,rgba(0,30,72,.2) 100%);

    background: -ms-linear-gradient(left, rgba(0,30,72,.2) 0%,rgba(0,30,72,.2) 100%);

    background: linear-gradient(to right, rgba(0,30,72,.2) 0%,rgba(0,30,72,.2) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,30,72,.2)', endColorstr='rgba(0,30,72,.2)',GradientType=1 );

}
--*/

.index-banner .swiper-inner-text {

    position:absolute;

    top:55%;

    left:8%;

    right:8%;

    width:auto;

    color:#fff;

    line-height:1.3;

    transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

}

.index-banner .carousel-item2 .swiper-inner-text {

   text-align:left;

}

.index-banner .carousel-item2 .cansual-title {

    font-size:48px;

    color:#fff;

}

.index-banner .cansual-line {

    width:0;

    height:3px;

    margin:25px 0 20px;

    background:#fff;

}

.index-banner .cansual-des {

    font-size:18px;

    color:#fff;

    line-height:1.8;

}

.index-banner .carousel-item3 .cansual-des {width:50%;margin-bottom:25px;}

.index-banner .carousel-item2 .cansual-des {

    text-align:left;

    font-size:38px;

}

.index-banner .carousel-item .cansual-title {

    margin-bottom:10px;

    font-size:48px;

    color:#fff;

    text-align:left;

}

.index-banner .carousel-item3 .cansual-item-title .en-word {

    display:block;

    padding-bottom:15px;

    font-family:'AkzidenzGrotesk-BoldCondAlt';

    font-size:84px;

    color:#fff;

    line-height:.9;

}

.index-banner .carousel-item4 .swiper-inner-text {

    padding-left:50%;

    text-align:left;

}

.index-banner .carousel-item4 .cansual-item-title {

    font-size:48px;

    color:#fff;

}

.index-banner .carousel-item3 .cansual-des {

    margin-bottom:35px;

}

.index-banner .cansual-item-title {

    position:relative;

    margin-bottom:15px;

}

.index-banner .cansual-item-title .small-title {

    display:block;

    margin-bottom:-10px;

    font-size:20px;

}

.index-banner .cansual-item-title .number {

    font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';

    color:#fff;

}

.index-banner .carousel-item3 .cansual-item-title .number {

    padding-bottom:15px;

    font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';

}

.index-banner .cansual-item-title .number .add-icon {

    font-size:60px;

    line-height:180px;

    vertical-align:40px;

}

.carousel-item-subtitle-line {

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 32px;

    height: 1px;

    margin-left: -16px;

    background-color: rgba(255, 255, 255, .55);

    content: ''

}

.index-banner .cansual-item-title .small-title,

.index-banner .cansual-item-title .number,

.index-banner .cansual-sub-title,

.index-banner .carousel-item .cansual-des,

.index-banner .carousel-item .cansual-line,

.index-banner .carousel-item3 .cansual-title,

.index-banner .carousel-item3 .radiu-button { font-family: AkzidenzGrotesk-BoldCondAlt;

 

    display:block;

    opacity: 0;

    transform: translate3d(0, 150%, 0);

    transition:all 1s;

    transition-delay:.2s;

    overflow:hidden;

}

.index-banner .carousel-item2 .cansual-des {

    transform: translate3d(150%, 0, 0);

}

.index-banner .carousel-item3 .cansual-des,

.index-banner .carousel-item3 .cansual-line,

.index-banner .carousel-item3 .cansual-title,

.index-banner .carousel-item3 .radiu-button {

    text-align:left;

    transform: translate3d(0, -150%, 0);

}

.index-banner .carousel-item .cansual-line {transition-delay:.2s;}

.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}

.index-banner .active .cansual-item-title .small-title,

.index-banner .active .cansual-item-title .number,

.index-banner .active .cansual-sub-title,

.index-banner .carousel-item.active .cansual-des,

.index-banner .carousel-item3.active .cansual-title,

.index-banner .carousel-item.active .cansual-line,

.index-banner .carousel-item3.active .radiu-button{

    opacity: 1;

    transform: none;

}

.index-banner .carousel-item2 .cansual-title{

    opacity:0;

    transform: matrix(1, 0, 0, 1, 0, -80);

    -webkit-transform: matrix(1, 0, 0, 1, 0, -80);

    -moz-transform: matrix(1, 0, 0, 1, 0, -80);

    transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;

    -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;

    -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}

.index-banner .carousel-item2.active .cansual-title {

    opacity: 1;

    transform: matrix(1, 0, 0, 1, 0, 0);

    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

    -moz-transform: matrix(1, 0, 0, 1, 0, 0);

}

.index-banner .carousel-item .cansual-line {

   width:45px;

}

.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}

.index-banner .carousel-item3 .radiu-button:hover {color:#fff;background:#e70012;}


@media (min-width: 768px) {

    .carousel-item-subtitle-line {

        width: 599px;

        margin-left: -300px

    }

}


@media (min-width: 1200px) {

    .carousel-item-subtitle-line {

        width: 799px;

        margin-left: -400px

    }

}


.carousel-item-subtitle-line-timer {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #fff;

    display: block;

    height: 100%;

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    transform-origin: left;

}

.active .carousel-item-subtitle-line-timer {

    animation:linewidth 19s;

    -moz-animation:linewidth 19s;

    -webkit-animation:linewidth 19s;

    -o-animation:linewidth 19s;

    animation-delay:1s;

    -webkit-animation-delay:1s;

}

@keyframes linewidth

{

    from {width:0;}

    to {width:100%;}

}


@-moz-keyframes linewidth

{

    from {width:0;}

    to {width:100%;}

}


@-webkit-keyframes linewidth

{

    from {width:0;}

    to {width:100%;}

}


@-o-keyframes linewidth

{

    from {width:0;}

    to {width:100%;}

}

.page-header-fullscreen-text{

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    text-align: center;

    z-index: 25

}


.collapsing .page-header-fullscreen-text {

    transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);

    transition: .8s transform cubic-bezier(.19, 1, .22, 1)

}


@media (min-width: 768px) {

    .page-header-fullscreen-text {

        padding-top: 100px;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }


    .page-header-fullscreen-text:before {

        position: absolute;

        display: block;

        content: "";

        width: 0;

        height: 0;

        background-color: transparent;

        border-radius: 100px;

        box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);

        left: 50%;

        top: 50%

    }

}


@media (min-width: 768px) and (max-height: 750px) {

    /*.page-header-fullscreen-text {*/

    /*bottom: 150px*/

    /*}*/

}


@media (min-width: 768px) and (min-height: 900px) {

    /*.page-header-fullscreen-text {*/

    /*bottom: 250px*/

    /*}*/

}


.index-banner .cansual-sub-title span {

    display:block;

    font-size:20px;

    line-height:32px;

}

.page-header-bar {

    position: absolute;

    right: 0;

    left:0;

    bottom: 0;

    height: 80px;

    line-height: 80px;

    z-index: 55;

    transform-origin: bottom;

    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    transform: rotateX(0deg) translate3d(0,0,0);

    -webkit-transform: rotateX(0deg) translate3d(0,0,0);

    -moz-transform: rotateX(0deg) translate3d(0,0,0);

    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;

    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;

    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;

}

.page-header-bar.active {

    transform: rotateX(90deg) translate3d(0,0,0);

    -webkit-transform: rotateX(90deg) translate3d(0,0,0);

    -moz-transform: rotateX(90deg) translate3d(0,0,0);

}

@media (min-width: 768px) {

    .page-header-collapsed .page-header-bar {

        visibility: hidden;

        transition: none

    }


    .page-header-bar:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: -70px;

        height: 70px;

        width: 100%;

        background-color: #fff

    }


    .page-header-bar-hidden .page-header-bar:after, .static.home .page-header-bar:after {

        transition: visibility .4s steps(1, end);

        visibility: hidden

    }


    .no-transition .page-header-bar:after {

        transition: none

    }


    .page-header-collapsed .page-header-bar:after {

        visibility: hidden;

        transition: none

    }

}


@media (min-width: 1200px) {

    .page-header-bar {

        height: 80px;

        line-height: 100px;

        margin-top: -80px;

    }

}


.page-header-bar-inner {

    transition: -webkit-transform .4s;

    transition: transform .4s;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom

}


.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {

    transition: visibility .4s steps(1, end), -webkit-transform .4s;

    transition: visibility .4s steps(1, end), transform .4s;

    visibility: hidden;

    -webkit-transform: rotateX(94deg) rotateZ(0);

    transform: rotateX(94deg) rotateZ(0)

}


.no-transition .page-header-bar-inner {

    transition: none

}


.page-header-collapsed .page-header-bar-inner {

    visibility: hidden;

    transition: none

}


@media (min-width: 768px) {

    .page-header-bar-inner {

        position: absolute;

        width: auto;

        height: 100%;

        right:8.5%;

        left:8.5%;

    }

}


.carousel-bar-inner {

    width: 100%;

    height: 100%

}


@media (min-width: 768px) {

    .carousel-bar-inner {

        width: auto

    }

}

.carousel-bar-title-word {

    padding-left:75px;

    font-size:12px;

    color:#666;

}

@media (max-width:991px) {

    .carousel-bar-title {position:relative;height:100%;}

    .carousel-bar-title-word{position:absolute;top:50%; width:40%; padding-left:4.5%;line-height:1.5;transform:translateY(-50%);}

}

.carousel-scroll-btn {

    z-index:56;

    position:absolute;

    left:50%;

    width:44px;

    height:44px;

    margin-left:-22px;

    border:1px solid #fff;

    border-radius:100%;

    overflow:hidden;

    cursor:pointer;

}

.carousel-scroll-btn .carousel-scroll-btn-icon {

    position:absolute;

    display:block;

    width:44px;

    height:44px;

    margin:0 auto;

    background:url(../images/down-icon2.png) no-repeat center center;

    cursor:pointer;

    animation: downico 1.5s ease-out infinite;

}

@keyframes downico {

    0% {

        top: 0;

        opacity: 1;

    }

    35% {

        top: 50%;

        opacity: 0;

    }

    65% {

        top: -50%;

        opacity: 0;

    }

    100% {

        top: 0;

        opacity: 1;

    }

}

.carousel-controls {

    position:absolute;

    right:0;

    top:0;

    width:330px;

    height:80px;

    background: rgba(231,0,18,1);

}

.carousel-controls .count {

    position:absolute;

    left:0;

    width:135px;

    padding-left:35px;

    font:bold 16px/80px 'Gotham-Book';

    color:#999;

}

.carousel-controls .count span {

    display:inline-block;

    padding:0 3px;

}

.carousel-controls .count .current {color:#fff;}

.carousel-controls .controls {

    position:absolute;right:0;}

.carousel-controls .carousel-line {

    z-index:1;

    position:absolute;

    left:50%;

    top:20px;

    display:block;

    width:1px;

    height:30px;

    background:#e5e5e5;

}

.carousel-controls .carousel-control {

    float:left;

    width:60px;

    height:60px;

    cursor:pointer;

}

@media (min-width:1200px){

    .carousel-controls .carousel-line {height:40px;}

    /*.carousel-item2 .carousel-scroll-btn {left:0;margin-left:0;}*/

    .carousel-scroll-btn {bottom:36px;}

    .carousel-controls .carousel-control {width:80px;  height:80px;}

}

.carousel-controls .swiper-button-next,

.carousel-controls .swiper-button-prev {

    position:relative;

    width:100%;

    height:100%;

    overflow:hidden;

}

.carousel-controls .swiper-button-line {

    z-index:1;

    position:absolute;

    top:31px;

    left:35px;

    display:block;

    width:10px;

    height:18px;

    transition: all .45s ease-out 0s;

    -webkit-transition: all .45s ease-out 0s;

    -moz-transition: all .45s ease-out 0s;

}

.carousel-controls .swiper-button-prev .swiper-button-line {background:url(../images/left-icon3.png) no-repeat center center;}

.carousel-controls .swiper-button-next .swiper-button-line {margin-left:1px;background:url(../images/right-icon3.png) no-repeat center center;}

.carousel-controls .swiper-button-prev:hover .swiper-button-line{ left: 25px;}

.carousel-controls .swiper-button-next:hover .swiper-button-line{ left: 44px;}

.carousel-controls .swiper-button:after{

    content:'';

    position:absolute;

    top:39px;

    display:block;

    width: 14px;

    height: 2px;

    background-color: #fff;

    -webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;

    transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;

    -webkit-transform: scale(0,1);

    transform: scale(0,1);

}

.carousel-controls .swiper-button-prev:after {left:28px;}

.carousel-controls .swiper-button-next:after {right:28px;}

@media(min-width:1200px){

    .carousel-controls .swiper-button:hover:after{

        transform: scaleX(1);

        -webkit-transform: scaleX(1);

        -moz-transform: scaleX(1);

    }

}


.index-page-block {

    /*z-index:99;*/

    /*position:relative;*/

    background:#fff;

}

.index-service {

    position:relative;

    padding:90px 0 100px;

    overflow:hidden;

}

@media (max-width:1449px){

    .index-service .container {width:91%;}

}

.index-title {

    z-index:2;

    position:relative;

    padding-bottom:40px;

    text-align:center;

}

.index-title .big-title {

    position:relative;

    height:40px;

    line-height:40px;

}

.index-title .big-title .big {

    z-index:1;

    position:relative;

    display:inline-block;

    padding:0 18px;

    font-size:28px;

    color:#333;

}

.index-customer .index-title .big-title .big {background:#fff;}

.index-title .big-title .line {

    position:absolute;

    top:22px;

    left:50%;

    display:block;

    width:65px;

    height:1px;

    background-color:#c1c1c1;

}

.index-title .big-title .l-line {margin-left:-147.5px;}

.index-title .big-title .r-line {margin-left:80.5px;}

.index-title .small {

    display:block;

    font:normal 16px/1.5 'gotham-medium';

    color:#999;

}

.swiper-slide-text-scroll {position:relative;}

.index-service-scroll-wrap .swiper-container {

    position:static;

}

.index-service-scroll-wrap {

    position:relative;

    padding:10% 7.5%;

}

@media (min-width:1200px){

    .index-service-scroll-wrap { height:575px;}

}

@media (min-width:1400px){

    .index-service-scroll-wrap { height:638px;}

}

@media (min-width:1530px){

    .index-service-scroll-wrap { height:750px;}

}

.index-service-scroll-wrap .swiper-slide-text-wrap {

    float:left;

    width:350px;

}

.index-service .swiper-slide-text-each {top:15px;}

.index-service .swiper-slide-text-each,

.index-service .swiper-slide-image {

    position:absolute;

    opacity: 0;

    transition: all 1s ease 0s;

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

}

.index-service .swiper-slide-image {

    width:100%;

    height:100%;

}

.index-service .swiper-slide-text-each.active,

.index-service .swiper-slide-image.active {position:relative;z-index:2;opacity:1;}

.index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {

    margin-bottom:20px;

    font-weight:bold;

    font-size:36px;

    color:#333;

}

.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition {margin-bottom:40px;}

.index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {

    display:block;

    padding:8px 0;

    font-size:16px;

    color:#333;

}

.index-service-scroll-wrap .swiper-slide-text-each:last-child .swiper-slide-text-wrap .slide-title,

.index-service-scroll-wrap .swiper-slide-text-each:last-child .swiper-slide-text-wrap .slide-descrition span {color:#333;}

.radiu-button {

    z-index:2;

    position:relative;

    display:block;

    width:215px;

    height:60px;

    font:normal 16px/60px 'gotham-medium';

    text-align:center;

    background:#fff;

    border:1px solid #fff;

    border-radius:30px;

    transition: all .4s ease-in-out;

    overflow:hidden;

}

.radiu-button:hover {

    color: #fff;

    background:#000;

    border-color:#000;

}


.radiu-button:hover:after {

    transform-origin: center bottom;

    transform: scaleY(1)

}

.index-service-scroll-wrap .swiper-slide-image-wrap {

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

}

.index-service-scroll-wrap .swiper-slide-image-wrap img {

    max-width:100%;

}

.index-service .work-buttons {

    z-index:3;

    position:absolute;

    right:40px;

    bottom:45px;

}

.index-service .work-buttons .count-tab {

    margin-right:25px;

    margin-bottom:50px;

    border-right:1px solid rgba(186,186,186,.3);

}


.index-service .work-buttons .count-tab .tab {

    position:relative;

    width:110px;

    margin-right:-10px;

    line-height:40px;

    cursor:pointer;

}

.index-service .work-buttons .count-tab .tab-key {

    font-weight:normal;

    font-size:12px;

    color:#666;

}

.index-service .work-buttons .count-tab .each-tab.active .tab-key {color:#666;font-weight:bold;}

.index-service .work-buttons .count-tab .dot {

    position:absolute;

    right:3px;

    top:15px;

    display:block;

    width:13px;

    height:13px;

}

.index-service .work-buttons .count-tab .dot:before {

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    display:block;

    width:5px;

    height:5px;

    margin:-2.5px 0 0 -2.5px;

    background:#bababa;

    border-radius:100%;

    transition:all .5s ease-in-out;

}

.index-service .work-buttons .count-tab .each-tab.active .dot:before {background:#666;}

.index-service .work-buttons .count-tab .dot:after {

    content:'';

    position:absolute;

    display:block;

    width:9px;

    height:9px;

    border:2px solid #666;

    border-radius:100%;

    transform:scale(0);

    transition:all .5s ease-in-out;

}

.index-service .work-buttons .count-tab .each-tab.active .dot:after {transform:scale(1);}

.index-service .work-buttons .count-tab .each-tab.active .tab-key {font-weight:bold;}

.index-service .work-buttons .prograss-bar {float:right;}

.index-service .work-buttons .iconfont,

.ourwork-mobile-images-scroll .work-buttons .iconfont {

    position:relative;

    display:block;

    width:50px;

    height:50px;

    margin-top:15px;

    background:#fff;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

    transition:all .5s ease-in-out;

}

.ourwork-mobile-images-scroll .work-buttons .iconfont {background:transparent;}

.index-service .work-buttons .iconfont:before,

.ourwork-mobile-images-scroll .work-buttons .iconfont:before,

.index-service .work-buttons .iconfont:after,

.ourwork-mobile-images-scroll .work-buttons .iconfont:after{

    position:absolute;

    left:0;

    top:0;

    content:'';

    display:block;

    width:100%;

    height:100%;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

    transition:all .5s ease-in-out;

    box-sizing:border-box;

}

.index-service .work-buttons .iconfont:before,

.ourwork-mobile-images-scroll .work-buttons .iconfont:before { z-index:1;}

.index-service .work-buttons .prev:before {background:url(../images/left-icon5.png) no-repeat center center;}

.index-service .work-buttons .next:before {background:url(../images/right-icon5.png) no-repeat center center;}

.index-service .work-buttons .iconfont:after,

.ourwork-mobile-images-scroll .work-buttons .iconfont:after {

    transform:scale(0);

}

.index-service .work-buttons .iconfont:after {background:#339ec1;}

.ourwork-mobile-images-scroll .work-buttons .iconfont:after {background:#fff;}

@media(max-width:1200px){

    .index-title {padding-bottom:25px;}

    .index-service {padding:70px 0 80px;}

    .index-service-scroll-wrap {min-height:25rem;padding:5% 7.5%;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {margin-bottom:10px;font-size:30px;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:3px 0;font-size:14px;}

    .index-service .work-buttons {bottom:15px;}

    .index-service .work-buttons .count-tab .tab {line-height:30px;}

    .index-service .work-buttons .count-tab .dot {top:8px;}

    .radiu-button {width:180px;height:50px;    font: normal 14px/50px 'gotham-medium';line-height:50px;}

    .index-service .work-buttons .iconfont, .ourwork-mobile-images-scroll .work-buttons .iconfont {width:45px;height:45px;  }

}

@media (max-width:1330px){

    .index-service-scroll-wrap {padding:5% 7.5%;}

    .index-service .work-buttons {top:45px;bottom:auto;}

    .index-service .work-buttons .count-tab {margin-bottom:50px;}

}

@media (min-width:1530px){

    .index-service .work-buttons .count-tab { margin-bottom:110px;}

}

@media (max-width:991px){

    .index-service {padding:50px 0;}

    .index-service-scroll-wrap {min-height:20rem;padding:0;}

    .index-service-scroll-wrap .swiper-slide-image-wrap { position:relative;height:20rem; margin-left: 0;  }

    .index-service-scroll-wrap .swiper-slide-image-wrap img {width:100%;}

    .index-service .swiper-slide-image {right:0;width:100%;height:100%;}

    .swiper-slide-text-scroll {position:static;}

    .index-service .swiper-slide-text-each.active {position:absolute;}

    .index-service .swiper-slide-text-each {top:25px;left:25px;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition {margin-bottom:2rem;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {font-size:28px;margin-bottom:10px;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:5px 0;font-size:14px;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .radiu-button {display:none;}

    .index-service .work-buttons {  top: 25px;right:25px;  bottom: auto;  }

    .index-service .work-buttons .count-tab {margin-bottom:25px;}

}

@media (max-width:900px){

    .index-service-scroll-wrap {min-height:18rem;}

    .index-service-scroll-wrap .swiper-slide-image-wrap {height:18rem;}

    .index-service .work-buttons {  top:auto;right:25px;  bottom:45px;  }

    .index-service .work-buttons .count-tab {display:none;}

}

.index-work {

    position:relative;

    padding:85px 0 130px;

    background:#f0eeef;

}

.index-work .swiper-slide-text-wrap {

    float:right;

    width:395px;

    background:#fff;

    overflow:hidden;

}

.index-work .swiper-slide-text {

    position:relative;

    min-height:595px;

}

.index-work .swiper-slide-text-scroll {

    width:100%;

    height:100%;

}

.index-work .swiper-slide-text .swiper-slide-text-each{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 595px;

    padding:70px 60px 50px;

    z-index: 0;

    background:#fff;

    opacity:0;

    transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -webkit-transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -moz-transition: all 0.85s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

}

.index-work .swiper-slide-text .swiper-slide-text-each.active {

    opacity: 1;

    z-index: 1;

}

.index-work .slide-title {

    font-size:24px;

    color:#333;

    line-height:1.5;

    text-align:center;

}

.index-work .slide-title .small {

    display:block;

    font-size:12px;

    color:#666;

}

.index-work .swiper-slide-text .line {

    display:block;

    width:24px;

    height:2px;

    margin:15px auto;

    background-color:#999;

}

.index-work .slide-descrition {

    font-size:14px;

    color:#333;

    line-height:2;

}

.index-work .swiper-slide-image-wrap {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

}

.index-work .swiper-slide-image{

    z-index:0;

    position:absolute;

    height:100%;

    width:100%;

    opacity: 0;

    /*visibility: hidden;*/

    transition: all .85s ease-in-out 0s;

    -moz-transition: all .85s ease-in-out 0s;

    /*transform:translateX(15%);*/

}


.index-work .swiper-slide-image.active {

    width: 100%;

    /*visibility: visible;*/

    opacity: 1;

    z-index: 1;

    /*transform:none;*/

}

.index-work .swiper-slide-image-wrap img {

    position:absolute;

    left:50%;

    width:1920px;

    height:992px;

    margin-left:-960px;

}

.index-work .work-buttons {

    z-index:2;

    position: absolute;

    left: 0;

    bottom: 50px;

    width: 100%;

    /*height: 50%;*/

    display: table;

}

.index-work .work-buttons  .work-button .count{ text-align: center; margin-bottom: 5px;}

.index-work .work-buttons  .work-button .count span,

.index-work .work-buttons  .work-button .count i{

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    color: #999;

    letter-spacing: 1px;}

.index-work .work-buttons  .work-button .count span {

    font-family:'gotham-medium';

}

.index-work .work-buttons  .work-button .count span.current {color:#333;}

.index-work .work-buttons  .work-button .count i{ margin: 0 5px;}

.index-work .work-buttons  .work-button{ display: table-cell; vertical-align: middle;}

.index-work .work-buttons  .work-button .prograss-bar{ text-align: center;}

.index-work .work-buttons  .work-button .prograss-bar a{

    display: inline-block;

    vertical-align: middle;

    width: 30px;

    height: 30px;

    margin:0 10px;

    text-align: center;

    line-height: 30px;

    color: #fff;

    font-size: 17px;

    font-weight: bold;

}

.index-work .work-buttons  .work-button .prograss-bar a.prev {background:url(../images/left-icon1.png) no-repeat center center;}

.index-work .work-buttons  .work-button .prograss-bar a.next {background:url(../images/right-icon1.png) no-repeat center center;}

.index-work .work-buttons  .work-button .prograss-bar .lines{

    display: inline-block;

    vertical-align: middle;

    width: 108px;

    height: 1px;

    background-color: #d9d9d9;

    position: relative;

}

.index-work .work-buttons  .work-button .prograss-bar .lines .nline{

    width: 25%;

    height: 5px;

    background-color: #339ec1;

    position: absolute;

    left: 0;

    top: -2px;

    transition: all 300ms ease-in-out 0s;

    -webkit-transition: all 300ms ease-in-out 0s;

    -moz-transition: all 300ms ease-in-out 0s;

}

.index-work .work-buttons  .work-button .sum a:hover{color: #C80000;}


.index-data {position:relative;overflow:hidden;}

.index-data .wrap {

    z-index:1;

    position:relative;

    padding:0 100px;

    background: -moz-linear-gradient(left, rgba(0,30,72,.4) 0%, rgba(0,30,72,.4) 100%);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.4)), to(rgba(0,30,72,.4))));

    background: -webkit-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: -o-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: -ms-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: linear-gradient(to right, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,30,72,.4)', endColorstr='rgba(0,30,72,.4)',GradientType=1 );

}

.index-data .index-data-list {

    width:1140px;

    margin:0 auto;

    padding:180px 0;

}


.data-background {

    position:absolute;

    top:0;

    left:0;

    display:block;

    width:100%;

}

.index-data .item {

    float:left;

    width:33.33%;

    height:240px;

}

.index-data .item-inner {

    position:relative;

    height:240px;

    text-align:center;

    border-right:1px solid rgba(255,255,255,.2);

}

.index-data .item:nth-child(3n) .item-inner {

    border-right:0;

}

.index-data .item:first-child .item-inner,

.index-data .item:nth-child(2) .item-inner,

.index-data .item:nth-child(3) .item-inner {

    border-bottom:1px solid rgba(255,255,255,.2);

}

.index-data .text-wrap {

    position:absolute;

    top:50%;

    width:100%;

    font-size:16px;

    color:#fff;

    transform:translateY(-50%);

}

.index-data .text-wrap .number-wrap {

    display:block;

    font:normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';

    color:#fff;

}

.index-data .text-wrap .number-wrap .icon {

    display:inline-block;

    font-size:72px;

    vertical-align:13px;

}

@media (max-width:1340px){

    .index-data .wrap {width:100%;padding:0;}

    .index-data .index-data-list {

        width:91%;

        padding:80px 0;

    }

    .index-data .item,

    .index-data .item-inner {height:150px;}

    .index-data .text-wrap .number-wrap {font: normal 78px/1 'AkzidenzGrotesk-BoldCondAlt';}

    .index-data .text-wrap .number-wrap .icon {margin-left:-15px;font-size:48px;}


}

.index-tips {

    width:770px;

    margin:0 auto 60px;

    font-size:14px;

    color:#666;

    line-height:1.8;

    text-align:center;

}

.index-customer .wrap {

    padding:90px 10%;

}


.index-customer-list {

    transform:translateY(50px);

    -webkit-transition: all .8s ease-in-out 0s;

    -moz-transition: all .8s ease-in-out 0s;

    -ms-transition: all .8s ease-in-out 0s;

    -o-transition: all .8s ease-in-out 0s;

    transition: all .8s ease-in-out 0s;overflow:hidden;}

.index-customer.active .index-customer-list {

    transform:none;

}

.index-customer-list li {

    position:relative;

    float:left;

    width:20%;

    height:200px;

    padding:27px 0;

    text-align:center;

    -webkit-transition: all .8s ease-in-out 0s;

    -moz-transition: all .8s ease-in-out 0s;

    -ms-transition: all .8s ease-in-out 0s;

    -o-transition: all .8s ease-in-out 0s;

    transition: all .8s ease-in-out 0s;

    transition-delay:.5s;

}

/*.index-customer-list .item600 {top:600px;}*/

/*.index-customer-list .item450 {top:450px;}*/

/*.index-customer-list .item550 {top:550px;}*/

/*.index-customer-list .item400 {top:400px;}*/

/*.index-customer-list .item300 {top:300px;}*/

/*.index-customer-list .item700 {top:700px;}*/

.index-customer.active .index-customer-list li.item {top:0;}

.index-customer-list .item-inner {

    display:block;

    width:100%;

    height:145px;

    border-left:1px solid #e6e6e6;

}

.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}

.index-customer-list li:nth-child(5n +1) .lt-dot,

.index-customer-list li:nth-child(5n +1) .lb-dot,

.index-customer-list li:nth-child(5n) .rt-dot,

.index-customer-list li:nth-child(5n) .rb-dot{display:none;}

.index-customer-list li:nth-child(5n) .item-inner {}

.index-customer-list li a {

    position:absolute;

    top:0;

    left:50%;

    display:block;

    width:80%;

    height:200px;

    margin-left:-40%;

}

.index-customer-list li.double-item a {

    border-top:1px solid #e6e6e6;

    border-bottom:1px solid #e6e6e6;

}

.index-customer-list li img {

    position:absolute;

    top:50%;

    left:50%;

    display:block;

    margin-left:-75px;

    transition: all .5s linear 10ms;

}

.index-customer-list li img:first-child {}

.index-customer-list li img:last-child {opacity:.6;}

.index-customer-list li:hover img:last-child,

.index-customer-list li img:first-child {

    opacity:0;

    transform:translateY(-50%) rotateY(180deg);

}

.index-customer-list li img,

.index-customer-list li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}

.index-customer-list .dot {

    position:absolute;

    display:block;

    width:2px;

    height:2px;

    background:#e6e6e6;

}

.index-customer-list .lt-dot {

    left:0;

    top:0;

}

.index-customer-list .lb-dot {

    left:0;

    bottom:0;

}

.index-customer-list .rt-dot {

    right:0;

    top:0;

}

.index-customer-list .rb-dot {

    right:0;

    bottom:0;

}

.index-news {

    padding:100px 0 70px;

    background:#f6f6f6;

}

.index-news .wrap {

    width:1345px;

    padding:0;

}

.index-news .each-item{

    float:left;

}

.index-news .each-item .item-inner {

    position:relative;

    display:block;

}

.index-news .each-item img {max-width:100%;}

.index-news .each-item .item1 .text-wrap {

    position:absolute;

    bottom:0;

    width:100%;

    background:rgba(0,0,0,.35);

}

.index-news .each-item .item1 img {display:block;}

.index-news .each-item .item1 .text-inner {


}

.index-news .each-item .item1 .title {

    height:52px;

    padding-right:30%;

    font-size:18px;

    color:#fff;

    line-height:26px;

    overflow:hidden;

}

.index-news .each-item .item .icon {

    position:absolute;

    right:25px;

    top:40px;

    display:block;

    width:22px;

    height:10px;

    transition:all .4s ease-in-out;

}

.index-news .each-item .item:hover .icon {

    right:15px;

}

.index-news .each-item .item1 .icon {

    background:url(../images/more-icon1.png) no-repeat center center;

}

.index-news .each-item .item2 .icon,

.index-news .each-item .item3 .icon{

    top:30px;

    background:url(../images/more-icon2.png) no-repeat center center;

}

.index-news .each-item .item3 .icon {right:auto;left:30px;top:85px}

.index-news .each-item .item3:hover .icon {left:40px;}

.index-news .each-item .item2,

.index-news .each-item .item3 {

    position:relative;

    background:#fff;

}

.index-news .each-item .item2 .text-wrap {

    padding-bottom:19px;

    border-bottom:1px solid #f3f3f3;

}

.index-news .each-item .item2 .title,

.index-news .each-item .item3 .title{

    font-size:18px;

    overflow:hidden;

}

.index-news .each-item .item2 .title {

    margin-bottom:15px;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.index-news .each-item .item2 .des {

    height:48px;

    font-size:14px;

    color:#666;

    line-height:24px;

    overflow:hidden;

}

.index-news .each-item .date-wrap {position:relative;  }

.index-news .each-item .date {

    font:12px/1 'Gotham-Book';

    color:#666;


}

.index-news .each-item .big-date {

    display:block;

    font:36px/1 'Gotham-Bold';

    color:#999

}

.index-news .each-item .item2 .big-date {margin:20px 0 10px;}

.index-news .each-item .item3 .date-wrap {

    float:left;

    width:100px;

    height:90px;

    border-right:1px solid #e7e7e7;

}

.index-news .each-item .item3 .text-wrap {

    position:relative;

    height:97px;

    margin-left:100px;

    padding-left:30px;

}

.index-news .each-item .item3 .date-wrap .line {

    display:block;

    width:20px;

    height:2px;

    margin:15px 0;

    background-color:#e7e7e7;

}

.index-news .each-item .item3 .title {margin-top:-7px;height:64px;line-height:32px;}


.index-news .each-item:first-child {margin-left:0;}

@media (min-width:1400px){

    .index-news .wrap {width:1345px;}

    .index-news .each-item {width:440px;margin-left:10px;}

    .index-news .each-item .item2,

    .index-news .each-item .item3 {margin-bottom:10px;}

    .index-news .each-item .item1 .text-inner {  padding:20px 25px 20px 30px;  }

    .index-news .each-item .item2 .item-inner {padding:45px 45px 30px;}

    .index-news .each-item .item3 .item-inner {padding:40px 45px;}

}

@media (max-width:1450px){

    .index-work {padding:45px 0 80px;}

    .index-work .container {width:91%;}

    .index-work .swiper-slide-text-wrap {padding-top:25px;width:300px}

    .index-work .swiper-slide-text {min-height:450px;}

    .index-work .swiper-slide-text .swiper-slide-text-each {height:450px;padding: 50px 0 30px;}

    .index-work .slide-descrition {max-height:168px;padding:0 40px;overflow:hidden;}

    .index-customer .wrap {padding:90px 4.5%;}

    .index-news {padding:80px 0 50px;}


}

@media (max-width:1399px){

    .index-news .wrap {width:91%;}

    .index-news .each-item {width:32%;margin-left:1.33%;}

    .index-news .each-item .item2 {margin-bottom:1.75%;}

    .index-news .each-item .item3 {margin-bottom:2.75%;}

    .index-news .each-item .item1 .text-inner {  padding:15px 20px 15px 25px;  }

    .index-news .each-item .item2 .item-inner {padding:29px 30px 24px;}

    .index-news .each-item .item3 .item-inner {padding:30.5px 30px;}

    .index-news .each-item .item2 .big-date {margin:16px 0 10px;}

}

@media (max-width:1365px){

    .index-news .each-item img {height:474px;}

}

@media (max-width:991px){

    .index-work .swiper-slide-image-wrap {height:20rem;margin-right:0;text-align:center;}

    .index-work .swiper-slide-image-wrap img {max-height:20rem;width:auto;}

    .index-work .swiper-slide-text-wrap,

    .index-work .swiper-slide-text .swiper-slide-text-each{width:100%;background:transparent;}

    .index-work .swiper-slide-text {min-height:180px;padding:30px 40px; }

    .index-work .swiper-slide-text .swiper-slide-text-each {height:200px;padding:0;}

    .index-work .slide-descrition,.index-work .swiper-slide-text .line {display:none;}

    .index-work .work-buttons {bottom:0;display:block;}

    .index-work .work-buttons .work-button {display:block;}

}


    .index-title,.index-service-scroll-wrap {

        opacity:0;

        margin-top:30px;

        transition:all .5s ease-in-out;

    }

    .index-work {opacity:0;}

    .active .index-title,

    .active .index-service-scroll-wrap,

    .index-data.active,

    .index-work.active{opacity:1;margin-top:0;}



.normal-more-wrap1 {

    padding-top:50px;

    text-align:center;

}

.normal-more-wrap1 .more {

    position:relative;

    display:inline-block;

    width:60px;

    height:60px;

    padding-top:23px;

    background:#fff;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.normal-more-wrap1 .more .icon {

    z-index:1;

    position:relative;

    display:inline-block;

    width:22px;

    height:10px;

    background:url(../images/more-icon.png) no-repeat center center;

    transition:all .5s ease-in-out;

}

.normal-more-wrap1 .more:hover .icon {

    background:url(../images/more-icon1.png) no-repeat center center;

}

.normal-more-wrap1 .more:after {

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    background:#339ec1;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

    transform:scale(0);

    transition:all .5s ease-in-out;

}

.normal-more-wrap1 .more:hover:after {transform:scale(1)}

.swiper-container {position:relative;width:100%;height:100%;}

@media (max-width:991px){

    .index-title .big-title {height:30px;line-height:30px;}

    .index-title .big-title .big {font-size:22px;}

    .index-title .big-title .line {top:15px;}

    .index-title .small {font-size:14px;}

    .index-work {padding:45px 0;}

    .index-tips {width:100%;margin:0 auto 35px;}

    .index-customer-list li {width:50%;}

    .index-customer-list li:last-child {display:none;}

    .index-customer-list li a {border-top:1px solid #e6e6e6;}

    .index-customer-list li:first-child a,.index-customer-list li:nth-child(2) a{border-top:0;}

    .index-customer-list li.double-item a {   border-bottom:0;  }

    .index-customer-list li:nth-child(5n) .item-inner {border-right:0;}

    .index-customer-list li:nth-child(2n+1) .item-inner {border-left:0;}

    .index-customer-list li:first-child .dot.rt-dot,

    .index-customer-list li:nth-child(2) .dot.lt-dot,

    .index-customer-list li:nth-child(2n+1) .dot.lt-dot,

    .index-customer-list li:nth-child(2n+1) .dot.lb-dot,

    .index-customer-list li:nth-child(2n) .dot.rt-dot,

    .index-customer-list li:nth-child(2n) .dot.rb-dot,

    .index-customer-list li:nth-child(13) .dot.rb-dot,

    .index-customer-list li:nth-child(14) .dot.lb-dot{display:none;}

    .index-customer-list li:nth-child(5) .item-inner{border-right:1px solid #e6e6e6;}

    .index-news-list dt .images-wrap img {width:100%;}

    .index-news-list dt,.index-news-list dd {width:100%;margin:0 0 1.5% 0;}

}

@media (max-width:768px){

    .index-service {padding:35px 0;}

    .index-banner .cansual-item-title .small-title,

    .index-banner .cansual-sub-title span{font-size:14px;}

    .index-banner .cansual-item-title .number {font-size:100px;line-height:1;}

    .index-title {padding-bottom:25px;}

    .index-title .big-title .big {font-size:18px;}

    .index-banner .cansual-item-title .number .add-icon {vertical-align:15px; }

    .index-banner .carousel-item3 .cansual-des {width:auto;}

    .index-banner .cansual-des {font-size:1.1rem;}

    .index-banner .cansual-line {height:1px;margin:1rem 0 1.25rem;}

    .index-banner .carousel-item2 .cansual-des {font-size:1.45rem;}

    .index-banner .carousel-item .cansual-title {font-size:2rem;}

    .index-banner .carousel-item-image .lg-hidden {width:100%;height:100%;}

    .page-header-bar {height:60px;line-height:60px;}

    .carousel-controls {width:250px;height:60px;}

    .carousel-controls .count {    font: bold 14px/60px 'Gotham-Book';}

    .carousel-controls .swiper-button-line {top:20px;left:25px;}

    .carousel-controls .swiper-button-next:hover .swiper-button-line {left:25px;}

    .carousel-controls .swiper-button:after {display:none;}

    .carousel-controls .carousel-control {width:59px;height:59px;}

    .carousel-controls .carousel-line {top:17.5px;height:25px;}

    .carousel-scroll-btn,.carousel-scroll-btn .carousel-scroll-btn-icon {top:12.5px;width:35px;height:35px;}


    .index-customer .wrap {padding:50px 4.5%;}

    .index-service-scroll-wrap .swiper-slide-text-wrap {float:none;width:70%;}

    .index-service .work-buttons {right:1.5rem;bottom:2rem;}

    .index-service .work-buttons .count {margin-bottom:45px;}

    .index-service .work-buttons .count i {height:90px;}

    .index-service .work-buttons .prev:before {  background: url(../images/left-icon6.png) no-repeat center center;  background-size:10px 20px;  }

    .index-service .work-buttons .next:before {  background: url(../images/right-icon6.png) no-repeat center center;  background-size:10px 20px;  }

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {font-size:20px;}

    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:3px 0;}

    .index-data .text-wrap .number-wrap {  font-size: 54px;  }

    .index-news {padding:50px 0;}

    .index-news .each-item .item2 .item-inner {padding:25px 25px 20px;}

    .index-news .each-item .item2 .title, .index-news .each-item .item3 .title {margin-bottom:10px;font-size:16px;}

    .normal-more-wrap1 {padding-top:30px;}

}

.inner-main-container {background:#f2f2f2;}

.inner-main-container img {

    max-width:100%;

    vertical-align:middle;

}

    .inner-main-container.contact-us {

        background:#f6f6f6;

    }

.ourwork-mobile-article .code-wrap img {max-width:120px;}

.inner-main-container .each-item .image-wrap img {

    display:block;

    width:100%;

    height:100%;

    max-width:none;

    transition:all .4s;

}

.ourwork-list .each-item .image-wrap,

.solution-list .each-item .image-wrap {

    position:relative;

    overflow:hidden;

}

.ourwork-list .each-item:hover .image-wrap img,

.solution-list .each-item:hover .image-wrap img {

    transform:scale(1.025);

}

.inner-main-container .fullwindow-banner .each-item img  {height:70px;}

.normal-inner-banner,

.fullwindow-banner {

    position:relative;

    width:100%;

    height:100%;

}

.fullwindow-banner {height:100vh;}

.fullwindow-banner img {width:100%;height:100%;}

.normal-inner-banner .normal-banner-inner-wrap {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    text-align:center;


    background: -moz-linear-gradient(left, rgba(0,30,72,.7) 0%, rgba(0,30,72,.7) 100%);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.7)), to(rgba(0,30,72,.7))));

    background: -webkit-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: -o-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: -ms-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: linear-gradient(to right, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,30,72,.7)', endColorstr='rgba(0,30,72,.7)',GradientType=1 );

}

.normal-inner-banner.left-text-banner .normal-banner-inner {

    padding-top:90px;

    color:#fff;

    text-align:left;

}

.news-page .normal-inner-banner .container {max-width:1350px;}


.normal-inner-banner .normal-banner-inner {

    position:absolute;

    top:50%;

    width:100%;

    transform:translateY(-70%);

}

.normal-inner-banner img {display:block;height:100%;min-height:450px;}

.solution-info-banner.normal-inner-banner img {

    -webkit-filter: blur(4px);

    -moz-filter: blur(4px);

    -ms-filter: blur(4px);

    filter: blur(4px);

}

.left-text-banner .inner-banner-title1 {

    font:42px/3 'Gotham-Bold';

    text-transform:uppercase;

    

}

.left-text-banner .inner-banner-title2 {

    font-size:28px;

    line-height: 180%;


    font-weight:bold;

    color:#fff;

}

.left-text-banner .inner-line {margin:25px 0 20px;background:#fff;}

.inner-banner-title {

    padding-top:40px;

    font-weight:bold;

    font-size:32px;

    color:#fff;

    text-align:center;

}

@media (max-width:1400px){

    .normal-inner-banner img {min-height:415px;height:auto;  }

    .inner-banner-title {padding-top:20px;}

    .index-data .index-data-list {padding:100px 0;}

}

.inner-banner-title .mark img {display:inline-block;max-width:100%;height:26px;min-height:26px;}

.normal-inner-banner .descrition {

    margin-top:16px;

    font-size:16px;

    color:#fff;

    line-height:28px;

}

.fullwindow-banner-inner-wrap {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.4)), to(rgba(0,30,72,.4)));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,30,72,.4)), to(rgba(0,30,72,.4)));

    background: -webkit-linear-gradient(left,rgba(0,30,72,.4),rgba(0,30,72,.4));


    background: -moz-linear-gradient(left, rgba(0,30,72,.4) 0%, rgba(0,30,72,.4) 100%);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.4)), to(rgba(0,30,72,.4))));

    background: -webkit-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: -o-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: -ms-linear-gradient(left, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    background: linear-gradient(to right, rgba(0,30,72,.4) 0%,rgba(0,30,72,.4) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,30,72,.4)', endColorstr='rgba(0,30,72,.4)',GradientType=1 );

}

.fullwindow-banner-inner {

    position:absolute;

    top:50%;

    left:50%;

    width:60.5%;

    margin-left:-30%;

    transform:translateY(-50%);

}

.fullwindow-banner-inner li {

    position:relative;

    float:left;

    width:34.33%;

    height:25vh;

    text-align:center;

    border-top:1px solid rgba(255,255,255,.15);

    border-left:1px solid rgba(255,255,255,.15);

}

.fullwindow-banner-inner li:nth-child(2),

.fullwindow-banner-inner li:nth-child(5) {width:31.33%;}

.fullwindow-banner-inner li:first-child,

.fullwindow-banner-inner li:nth-child(2),

.fullwindow-banner-inner li:nth-child(3) {border-top:0;}

.fullwindow-banner-inner li:first-child,

.fullwindow-banner-inner li:nth-child(3n+1) {border-left:0;}

.fullwindow-banner-inner .each-item img {width:auto;max-width:100%;margin:0 auto;}

.fullwindow-banner-inner .item-inner {

    position:absolute;

    top:50%;

    width:100%;

    transform:translateY(-50%);

}

.fullwindow-banner-inner .item-inner .icon-wrap {

    display:block;

    height:70px;

}

.fullwindow-banner-inner .item-inner .text-inner {

    display:block;

    padding-top:15px;

    font-weight:normal;

    font-size:16px;

    color:#fff;

}

.inner-title {

    font-weight:bold;

    font-size:42px;

    color:#333;

}

.inner-line {

    display:inline-block;

    width:55px;

    height:4px;

    margin:15px 0 30px;

    background:#333;

}

.inner-descrition {

    font-size:16px;

    color:#333;

    line-height:1.75;

}

.about-page {padding-bottom:85px;}

.about-page .each-item .image-wrap img {width:100%;}

.about-wrap-first {

    z-index:1;

    position:relative;

    height:43vh;

    text-align:center;

    background:#fff;

}

.about-wrap-first .inner-descrition {

    width:720px;

    margin:0 auto;

}

.about-wrap-first .inner-text-wrap {

    position:absolute;

    top:50%;

    left:50%;

    width:60%;

    margin-left:-30%;

    transform:translateY(-50%);

}

.about-wrap-second .item-list {

    margin-left:-1%;

}

.about-wrap-second .each-item {

    float:left;

    width:49%;

    margin:0 0 1% 1%;

}

.about-page .image-wrap {position:relative;overflow:hidden;}

.about-page .image-wrap:after,

.join-list .each-item .image-wrap:after,

.ourwork-list .each-item .image-wrap:after,

.solution-list .each-item .image-wrap:after{

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.4);

    opacity:0;

    transition:all .6s ease-in-out;

}

.ourwork-list .each-item .image-wrap:after,

.solution-list .each-item .image-wrap:after {background:rgba(0,0,0,0);}

.about-wrap-second .each-item:hover .image-wrap:after ,

.about-wrap-four .each-item:hover .image-wrap:after ,

.about-page .each-item .image-wrap:hover:after,

.join-list .each-item:hover .image-wrap:after,

.ourwork-list .each-item:hover .image-wrap:after,

.solution-list .each-item:hover .image-wrap:after{opacity:1;}

.about-page .each-item img,

.join-list .each-item .image-wrap img{transition:all .4s ease-in-out;}

.about-wrap-second .each-item:hover .image-wrap img,

.about-page .each-item .image-wrap:hover img,

.join-list .each-item:hover .image-wrap img{

    transform:scale(1.05);

}

.about-wrap-second .item-inner {

    position:relative;

}

.about-wrap-second .item-inner .text-wrap {

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));

    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));

    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));

    background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));

}

.about-wrap-second .item-inner .text-inner {

    padding:5%;

    color:#fff;

}

.about-wrap-second .item-inner .title {

    font-weight:bold;

    font-size:20px;

    color:#fff;

}

.about-wrap-second .item-inner .line {

    display:inline-block;

    width:55px;

    height:2px;

    margin:10px 0 5px;

    background:#fff;

}

.about-wrap-second .item-inner .descrition {

    width:66%;

    font-size:12px;

    color:#fff;

    line-height:2;

}

.about-wrap-three .each-item,.about-wrap-five .each-item {

    margin-bottom:1%;

    overflow:hidden;

}

.about-wrap-three .each-item .item-inner > div,

.about-wrap-five .each-item .item-inner a > div{  float:left;  }

.about-wrap-three .each-item .item-inner > div.image-wrap, .about-wrap-five .each-item .item-inner a > div.image-wrap {float:right;}

.about-wrap-three .each-item .item-inner > div {width:50%;}

.about-wrap-three .each-item,

.about-wrap-five .each-item{  position:relative;background:#fff;  }

.about-wrap-three .each-item .text-inner {  padding:9.25%;  }

.about-wrap-three .each-item .inner-title {  font-size:36px;  }

.about-wrap-three .each-item .inner-line {width:40px;margin:20px 0;}

.about-wrap-three .each-item .inner-descrition {  width:80%;  }

.about-wrap-four .each-item { position:relative;  }

.about-wrap-four .each-item .text-wrap {

    position:absolute;

    top:0;

    width:100%;

    height:100%;

    text-align:center;

}

.about-wrap-four .each-item .text-inner {

    position:absolute;

    top:50%;

    width:100%;

    transform:translateY(-50%);

}

.about-wrap-four .each-item .text-inner .title {

    margin-bottom:50px;

    font-size:36px;

    font-weight:bold;

    color:#fff;

    transform:translateY(20px);

    opacity:0;

    transition:all .6s ease-in-out;

}

.about-wrap-four .each-item .normal-more-wrap2 {

    transform:translateY(-20px);

    opacity:0;

    transition:all .6s ease-in-out;

}

.about-wrap-four .each-item .normal-more-wrap2:before {border-color:#fff;}

.about-wrap-four .each-item .normal-more-wrap2:after {background:#fff;}

.about-wrap-four .each-item:hover .text-inner .title,

.about-wrap-four .each-item:hover .normal-more-wrap2{

    opacity:1;

    transform:none;

}

.about-wrap-five .each-item .text-wrap {width:42.5%;}

.about-wrap-five .each-item .text-inner {padding:11.5%;}

.about-wrap-five .each-item .inner-title {margin-bottom:23px;font-size:36px;text-transform: uppercase;}

.about-wrap-five .each-item .image-wrap {width:57.5%;}

.about-wrap-five .each-item .inner-descrition {width:77.5%;font-size:18px;}

.about-wrap-five .normal-more-wrap2 {position:absolute;bottom:10%;border-color:#333;transition:all .4s;}

.about-wrap-five .normal-more-wrap2:hover {border-color:#fff;}

.about-wrap-five .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}

.about-wrap-five .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}


/*about*/

.fullwindow-banner-inner li .icon-wrap,

.fullwindow-banner-inner li .text,

.about-wrap-second .item-inner .title,

.about-wrap-second .item-inner .line,

.about-wrap-second .item-inner .descrition {

    opacity: 0;

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);}

.fullwindow-banner-inner.active li .icon-wrap,

.fullwindow-banner-inner.active li .text,

.about-wrap-second .each-item:hover .item-inner .title,

.about-wrap-second .each-item:hover .item-inner .line,

.about-wrap-second .each-item:hover .item-inner .descrition {

    opacity: 1;

    transform: translateY(0px);

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);}

.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap,

.about-wrap-second .item-inner .title,

.about-wrap-second .item-inner .line,

.about-wrap-second .item-inner .descrition{

    transition: all 0.5s ease-out 0s;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;}

.fullwindow-banner-inner li:nth-of-type(1) .text{

    transition: all 0.5s ease-out .1s;

    -webkit-transition: all 0.5s ease-out .1s;

    -moz-transition: all 0.5s ease-out .1s;}

.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap{

    transition: all 0.5s ease-out .2s;

    -webkit-transition: all 0.5s ease-out .2s;

    -moz-transition: all 0.5s ease-out .2s;}

.fullwindow-banner-inner li:nth-of-type(2) .text{

    transition: all 0.5s ease-out .3s;

    -webkit-transition: all 0.5s ease-out .3s;

    -moz-transition: all 0.5s ease-out .3s;}

.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap{

    transition: all 0.5s ease-out .4s;

    -webkit-transition: all 0.5s ease-out .4s;

    -moz-transition: all 0.5s ease-out .4s;}

.fullwindow-banner-inner li:nth-of-type(3) .text{

    transition: all 0.5s ease-out .5s;

    -webkit-transition: all 0.5s ease-out .5s;

    -moz-transition: all 0.5s ease-out .5s;}

.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap{

    transition: all 0.5s ease-out .6s;

    -webkit-transition: all 0.5s ease-out .6s;

    -moz-transition: all 0.5s ease-out .6s;}

.fullwindow-banner-inner li:nth-of-type(4) .text{

    transition: all 0.5s ease-out .7s;

    -webkit-transition: all 0.5s ease-out .7s;

    -moz-transition: all 0.5s ease-out .7s;}

.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap{

    transition: all 0.5s ease-out .8s;

    -webkit-transition: all 0.5s ease-out .8s;

    -moz-transition: all 0.5s ease-out .8s;}

.fullwindow-banner-inner li:nth-of-type(5) .text{

    transition: all 0.5s ease-out .9s;

    -webkit-transition: all 0.5s ease-out .9s;

    -moz-transition: all 0.5s ease-out .9s;}

.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap{

    transition: all 0.5s ease-out 1s;

    -webkit-transition: all 0.5s ease-out 1s;

    -moz-transition: all 0.5s ease-out 1s;}

.fullwindow-banner-inner li:nth-of-type(6) .text{

    transition: all 0.5s ease-out 1.1s;

    -webkit-transition: all 0.5s ease-out 1.1s;

    -moz-transition: all 0.5s ease-out 1.1s;}

.about-wrap-first {

    transition:all .6s ease-in-out;

}

.about-wrap-second .each-item,

.about-wrap-three,

.about-wrap-four,

.about-wrap-five .each-item{

    margin-top: 30px;

    opacity: 0;

    filter: alpha(opacity=0);

    transition:all .6s ease-in-out;

}

.about-wrap-first.active {  margin-top:-95px;}

.about-wrap-second.active .each-item,

.about-wrap-three.active,

.about-wrap-four.active,

.about-wrap-five .each-item.active{

    margin-top: 0;

    opacity: 1;

    filter: alpha(opacity=100);

}

.service-wrap {

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}

.service-wrap-inner {width:100%;height:100%;}

.service-wrap1 .image-wrap img,

.service-wrap2 .image-wrap img,

.service-wrap3 .image-wrap img{

    position:absolute;

    left:0;

    height:100%;

    width:100%;

    max-width:none;

}

.service-wrap .text-wrap {

    z-index:1;

    position:absolute;

    width:100%;

    height:100%;

}

.service-wrap .container {

    position:absolute;

    top:50%;

    left:50%;

    width:73%;

    margin-left:-36.5%;

    transform:translateY(-50%);

}

.service-wrap .text-wrap .text-inner {

    width:33%;

}

.service-wrap1 .text-wrap .text-inner {padding-top:70px;}

.service-wrap:nth-child(2n) .text-wrap .text-inner {

    float:right;

}

.service-wrap4 .image-wrap {float:left;}

.service-wrap4 .image-wrap img {

    width:50%;

}

.service-wrap .text-wrap .title {

    font-size:42px;

    font-weight:bold;

    color:#fff;

    white-space:nowrap;

}

.service-wrap:nth-child(2n) .text-wrap .title {color:#333;}

.service-wrap .text-wrap .line {

    display:block;

    width:45px;

    height:4px;

    margin:28px 0 23px;

    background:#fff;

}

.service-wrap:nth-child(2n) .text-wrap .line {background:#333;}

.service-wrap .text-wrap .descrition {

    margin-bottom:75px;

    font-size:16px;

    color:#fff;

    line-height:30px;

}

.service-wrap .text-wrap .more-wrap {height:60px;}

.service-wrap .normal-more-wrap3 {

    width:215px;

    height:58px;

    line-height:58px;

}

.normal-more-wrap3 .more {line-height:54px;}

.service-wrap:nth-child(2n) .text-wrap .descrition {color:#333;}

.service-wrap:nth-child(2n) .normal-more-wrap3 {border-color:#333; }

.service-wrap:nth-child(2n) .normal-more-wrap3:hover {background:#333;}

.service-wrap:nth-child(2n) .normal-more-wrap3 .more {color:#333;}

.service-wrap:nth-child(2n) .normal-more-wrap3:hover .more {color:#fff;}

/*service effect*/

.service-wrap .title,

.service-wrap .line,

.service-wrap .descrition,

.service-wrap .more-wrap,

.inner-banner-title,

.normal-inner-banner .descrition,

.left-text-banner .inner-banner-title1,

.left-text-banner .inner-line,

.left-text-banner .inner-banner-title2,

.ourwork-pc-title .title,

.ourwork-pc-title .line{

    opacity:0;

    filter: alpha(opacity=0);

    transition:transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;

}

.service-wrap1 .title,

.service-wrap1 .line,

.service-wrap1 .descrition,

.service-wrap1 .more-wrap,

.service-wrap3 .title,

.service-wrap3 .line,

.service-wrap3 .descrition,

.service-wrap3 .more-wrap,

.inner-banner-title,

.normal-inner-banner .descrition,

.left-text-banner .inner-banner-title1,

.left-text-banner .inner-line,

.left-text-banner .inner-banner-title2,

.ourwork-pc-title .title,

.ourwork-pc-title .line{

    -webkit-transform: translateY(60px);

    -ms-transform: translateY(60px);

    transform: translateY(60px);

}

.service-wrap2 .title,

.service-wrap2 .line,

.service-wrap2 .descrition,

.service-wrap2 .more-wrap,

.service-wrap4 .title,

.service-wrap4 .line,

.service-wrap4 .descrition,

.service-wrap4 .more-wrap {

    -webkit-transform: translateY(60px);

    -ms-transform: translateY(60px);

    transform: translateY(60px);

}

.service-wrap .title,

.inner-banner-title,

.left-text-banner .inner-banner-title1{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;

    -webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;

    -moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;}

.ourwork-pc-title .line,

.service-wrap .line{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;

    -webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;

    -moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .3s;}

.service-wrap .descrition,

.normal-inner-banner .descrition,

.left-text-banner .inner-line{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;

    -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;

    -moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .5s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .5s;}

.service-wrap .more-wrap,

.left-text-banner .inner-banner-title2{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;

    -webkit-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;

    -moz-transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .7s, opacity 1s cubic-bezier(0.42, 0, 0.58, 1) .7s;}

.active .ourwork-pc-title .line,

.active .ourwork-pc-title .title,

.service-wrap.active .title,

.service-wrap.active .line,

.service-wrap.active .descrition,

.service-wrap.active .more-wrap,

.active .inner-banner-title,

.normal-inner-banner.active .descrition,

.left-text-banner.active  .inner-banner-title1,

.left-text-banner.active .inner-line,

.left-text-banner.active .inner-banner-title2{

    opacity:1;

    filter: alpha(opacity=100);

    transform:none;

}





/*.ourwork-page .container {width:87%;}*/

.ourwork-list ul {margin-left:-1.25%;}

.ourwork-list .each-item {

    position:relative;

    float:left;

    width:23.75%;

    margin:0 0 1.25% 1.25%;

}

@media (max-width:1450px){

    .ourwork-list .each-item {width:32.08%;}

}

.ourwork-list .item-inner {

    z-index:1;

    position: relative;

}

.ourwork-list-wrap {padding-bottom:70px;}

.ourwork-tab-wrap { padding:60px 0 50px;font-size:14px;color:#666;  }

.ourwork-tab-wrap .item-list {position:relative;}

.ourwork-tab-wrap .item-list li {

    display:inline-block;

    margin-right:65px;

}

.ourwork-tab-wrap .item-list li a {

    position:relative;

    display:block;

    color:#666;

    transition:all .4s ease-in-out;

}

.ourwork-tab-wrap .item-list li.on a,

.ourwork-tab-wrap .item-list li:hover a{color:#000;}

.ourwork-tab-wrap .item-list li a:after {

    content:'';

    position:absolute;

    left:0;

    bottom:-10px;

    display:block;

    width:0;

    height:2px;

    background:#444;

    opacity:0;

    transition:all .4s ease-in-out;

}

.ourwork-tab-wrap .item-list li.on a:after,

.ourwork-tab-wrap .item-list li:hover a:after {

    width:100%;

    opacity:1;

}

.ourwork-tab-wrap .item-list .nav-icon {

    position: relative;

    display:inline-block;

    top: -6px;

    height: 2px;

    line-height: 1px;

    background: #444;

}

.ourwork-list .each-item a{

    display:block;

    line-height:1;

    color:#fff;

}

.ourwork-list .each-item .text-inner { position:relative;padding:7% 15% 7% 8.5%; }

.ourwork-list .each-item .title {

    width:85%;

    margin-bottom:10px;

    font-size:16px;

    font-weight:bold;

    color:#333;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.ourwork-list .each-item .small {

    font-size:12px;

    color:#666;

}

.ourwork-list .each-item .icon {

    position:absolute;

    right:5%;

    display:block;

}

.ourwork-list .each-item .icon img {

    display:inline-block;

    margin-left:10px;

}

.ourwork-list .each-item .icon img:first-child {margin-left:0;}

.ourwork-list .scale-box {

    z-index:2;

    position:absolute;

    left:50%;

    top:50%;

    width:111%;

    height:120%;

    margin:-53% 0 0 -55.5%;

    background:#fff;

    overflow:hidden;

    opacity:0;

    transform:scale(0);

    transition:all .5s ease-in-out;

    box-shadow:0 0 25px rgba(0,0,0,.15);

}

@media (max-width:1400px){

    .ourwork-list .scale-box {margin:-53% 0 0 -55.5%;}

}

.ourwork-list .each-item:hover .scale-box {opacity:1;transform:scale(1);}

.ourwork-list .scale-box .image {

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:100%;

    -webkit-filter: blur(2px);

    -moz-filter: blur(2px);

    -ms-filter: blur(2px);

    filter: blur(2px);

}

.ourwork-list .scale-box .text {

    z-index:3;

    position:absolute;

    width:100%;

    height:100%;

    background: -moz-linear-gradient(left, rgba(0,30,72,.7) 0%, rgba(0,30,72,.7) 100%);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,30,72,.7)), to(rgba(0,30,72,.7))));

    background: -webkit-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: -o-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: -ms-linear-gradient(left, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    background: linear-gradient(to right, rgba(0,30,72,.7) 0%,rgba(0,30,72,.7) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,30,72,.7)', endColorstr='rgba(0,30,72,.7)',GradientType=1 );

}

.ourwork-list .scale-box .inner {

    padding:12.5% 10%;

    font-size:14px;

    color:#fff;

}

@media (max-width:769px){

.ourwork-list .scale-box{

    display:none;

}

}

.ourwork-list .scale-box .s-title {margin-bottom:8px;font-size:24px;}

.ourwork-list .scale-box .s-small {font-size:12px;}

.ourwork-list .scale-box .line {

    display:block;

    width:27px;

    height:1px;

    margin:12px 0;

    background:#fff;

}

.ourwork-list .scale-box .descrition {

    height:144px;

    line-height:24px;

    overflow:hidden;

}

.ourwork-list .scale-box .bottom-icon {

    margin-top:22px;

    padding-top:35px;

    text-align:center;

    border-top:1px solid rgba(255,255,255,.1);

}

.ourwork-list .scale-box .link {

    position:relative;

    display:inline-block;

    width:50px;

    height:50px;

    margin:0 15px;

    background:transparent;

    border-radius:100%;

}

.ourwork-list .scale-box .link:before,

.ourwork-list .scale-box .link:after {

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    border-radius:100%;

    box-sizing:border-box;

    transition:all .5s ease-in-out;

}

.ourwork-list .scale-box .link:before {

    z-index:1;

    border:1px solid #fff;

}

.ourwork-list .scale-box .link1:before {background:url(../images/ourwork-icon2b.png) no-repeat center center;}

.ourwork-list .scale-box .link2:before {background:url(../images/ourwork-icon3b.png) no-repeat center center;}

.ourwork-list .scale-box .link1:hover:before {background:url(../images/ourwork-icon2a.png) no-repeat center center;}

.ourwork-list .scale-box .link2:hover:before {background:url(../images/ourwork-icon3a.png) no-repeat center center;}

.ourwork-list .scale-box .link3:before {background:url(../images/ourwork-icon1b.png) no-repeat center center;}

.ourwork-list .scale-box .link4:before {background:url(../images/ourwork-icon4b.png) no-repeat center center;}

.ourwork-list .scale-box .link3:hover:before {background:url(../images/ourwork-icon1a.png) no-repeat center center;}

.ourwork-list .scale-box .link4:hover:before {background:url(../images/ourwork-icon4a.png) no-repeat center center;}

.ourwork-list .scale-box .link:after {

    background:#fff;

    transform:scale(0);

    transform-origin:center center;

}

.ourwork-list .scale-box .link:hover:after {transform:scale(1);}

.ourwork-pc-title {

    position:relative;

    color:#fff;

    text-align:left;

}


.ourwork-pc-title .title {

    padding-right:350px;

    font-weight:bold;

    font-size:36px;

}

.ourwork-pc-title .line {

    display:block;

    width:45px;

    height:4px;

    margin:20px 0;

    background:#fff;

}

.ourwork-pc-title .descrition {

    width:75%;

    height:75px;

    font-size:14px;

    color:#fff;

    line-height:1.8;

    overflow:hidden;

}

.ourwork-pc-title .link-wrap {

    position:absolute;

    right:0;

    bottom:0;

}

.ourwork-pc-title .link-wrap .link {

    position:relative;

    display:block;

    float:left;

    width:50px;

    height:50px;

    margin-left:15px;

    border-radius:100%;

}

.ourwork-pc-title .link-wrap .link:before {z-index:1;}

.ourwork-pc-title .link-wrap .link:before,

.ourwork-pc-title .link-wrap .link:after {

    content:'';

    position:absolute;

    left:0;

    top:0;

    display:block;

    width:100%;

    height:100%;

    border-radius:100%;

    transition:all .5s ease-in-out;

}

.ourwork-pc-title .link-wrap .link:after {background:#fff;transform:scale(0)}

.ourwork-pc-title .link-wrap .link.on:after,

.ourwork-pc-title .link-wrap .link:hover:after {transform:scale(1)}

.ourwork-pc-title .link-wrap .link1:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon2b.png) no-repeat center center;}

.ourwork-pc-title .link-wrap .link2:before {background:rgba(0,0,0,.2) url(../images/ourwork-icon3b.png) no-repeat center center;}

.ourwork-pc-title .link-wrap .link3:before {background:rgba(0,0,0,.2) url(../images/link.png) no-repeat center center;}

.ourwork-pc-title .link-wrap .link1.on:before,

.ourwork-pc-title .link-wrap .link1:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon2a.png) no-repeat center center;}

.ourwork-pc-title .link-wrap .link2.on:before,

.ourwork-pc-title .link-wrap .link2:hover:before {background:rgba(0,0,0,0) url(../images/ourwork-icon3a.png) no-repeat center center;}

.ourwork-pc-title .link-wrap .link3.on:before,

.ourwork-pc-title .link-wrap .link3:hover:before {background:rgba(0,0,0,0) url(../images/link2.png) no-repeat center center;}

.ourwork-pc-detail {

    z-index:1;

    position:relative;

    max-width: 1530px;

    margin: -10vh auto 0;

    background:#fff;

}

.ourwork-pc-detail-inner {

    width:1200px;

    padding:10vh 0;

    margin:0 auto;

}

@media(max-width:1700px){

    .ourwork-pc-title.container {width:80%;}

    .ourwork-page .container {width:80%;}

    .ourwork-pc-detail-inner {width:90%;}

}

@media(max-width:1600px){

    .ourwork-pc-title.container {width:91%;}

    .ourwork-page .container {width:91%;}

    .ourwork-pc-detail-inner {width:91%;}

}

.ourwork-pc-image {padding-bottom:25px;}

.ourwork-pc-image img {

    display:block;

    margin:0 auto 65px;

    box-shadow:0 0 30px rgba(0,0,0,.25);

}

.ourwork-prev-next {

    position:relative;

    height:230px;

    background:#222;

}

.ourwork-prev-next-inner {

    position:absolute;

    top:50%;

    width:100%;

    text-align:center;

    transform:translateY(-50%);

}

.ourwork-prev-next-inner a {

    display:inline-block;

    height:45px;

    line-height:45px;

}

.ourwork-prev-next-inner a strong {

    font-size:14px;

    font-weight:normal;

    color:#666;

    transition:all .4s ease-in-out;

}

.ourwork-prev-next-inner a:hover strong {color:#888;}

.ourwork-prev-next-inner a i {

    position:relative;

    display:inline-block;

    width:45px;

    height:45px;

    margin-left:15px;

    border-radius:100%;

    vertical-align:-16px;

    overflow:hidden;

}

.ourwork-prev-next-inner a i:after {background:#fff;}

.ourwork-prev-next-inner .next i:before {background:#333 url(../images/more-icon1.png) no-repeat center center;}

.ourwork-prev-next-inner .prev i:before {background:#333 url(../images/more-icon3.png) no-repeat center center;}

.ourwork-prev-next-inner .next i:hover:before {background:transparent url(../images/more-icon.png) no-repeat center center;}

.ourwork-prev-next-inner .prev i:hover:before {background:transparent url(../images/more-icon3a.png) no-repeat center center;}

.ourwork-link {

    z-index:2;

    position:fixed;

    bottom:36px;

    left:50%;

    width:50px;

    height:50px;

}

.ourwork-link-inner {

    display:block;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.2) url(../images/link.png) no-repeat center center;

    border-radius:100%;

}

.single-full-page {

    height:100vh;

}

.ourwork-mobile-detail-banner.single-full-page {

    position:relative;

    height:auto;

}

.single-full-page .single-full-image img {

    position:absolute;

    display:block;

    width:100%;

    height:100%;

    max-width:none;

}

.single-full-detail {

    z-index:1;

    position:absolute;

    top:20vh;

    left:50%;

    width:80%;

    height:80vh;

    margin-left:-40%;

    background:#fff;

    overflow:hidden;

}

.ourwork-mobile-detail-banner .single-full-page-inner {padding-bottom:20vh;}

.ourwork-mobile-detail-banner .single-full-detail {position:relative;height:700px;}

.ourwork-mobile-detail-inner {padding:5% 6%;}

.ourwork-mobile-detail-inner > div {

    position:relative;

    float:left;

    width:50%;

}

.ourwork-mobile-detail-inner .images-scroll-wrap {

    position:relative;

    width:70%;

    margin:0 15%;

    text-align:center;

}

.ourwork-mobile-detail-inner .swiper-slide-image {

    z-index:1;

    position:absolute;

    top:0;

    width:100%;

    opacity:0;

    transition:opacity .6s ease-in-out;

}

.ourwork-mobile-detail-inner .swiper-slide-image.active { z-index:2;opacity:1;}

.ourwork-mobile-detail-inner .kehu-info-article {width:92%;}

.ourwork-mobile-detail-inner .kehu-info-article .kehu-logo {

    height:110px;

}

.ourwork-mobile-detail-inner .kehu-info-article .article-box {padding-bottom:150px;}

.ourwork-mobile-detail-inner .kehu-info-article h1 {

    margin-bottom:15px;

    font-size:24px;

    font-weight:bold;

}

.ourwork-mobile-detail-inner .kehu-info-article .description {

    min-height:130px;

    font-size:14px;

    color:#666;

    line-height:1.7;

    text-align:justify;

}

.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each {

    float:left;

    width:25%;

}

.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each-inner {

    text-align:center;

}

.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .icon {

    display:block;

}

.ourwork-mobile-detail-inner .kehu-info-article .icon-wrap .each strong {

    font-weight:normal;

    font-size:14px;

    color:#666;

}

.ourwork-mobile-article .kehu-info-article .back-wrap .icon {display:inline-block;}

.ourwork-mobile-detail-inner .kehu-info-article .back-wrap strong { display:inline-block;margin-bottom:0; margin-left:10px;  writing-mode:horizontal-tb;vertical-align:20px;}

.ourwork-mobile-detail-inner .swiper-slide-image-wrap {

    background:url(../images/ourwork-mobile-detail1-1.jpg) no-repeat center center;

    background-size:100% auto;

}

@media (min-width:991px){

    .ourwork-mobile-detail-inner .swiper-slide-image-wrap {

        width:280px;

        height:512px;


    }

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image-wrap {width:370px;height:auto;background:none;}

    .ourwork-mobile-detail-inner .swiper-slide-image .image-wrap {

        position:relative;

        width:280px;

        height:512px;

        padding:17% 0 22%;

    }

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image .image-wrap {

        width:370px;

        height:auto;

        padding:0;

    }

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a:after {

        content:'';

        position:absolute;

        left:0;

        top:0;

        display:block;

        width:100%;

        height:100%;

        background:rgba(0,0,0,.2) url(../images/magnifier.png) no-repeat center center;

        opacity:0;

    }

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a:hover:after {opacity:1;}

    .ourwork-mobile-detail-inner .images-scroll-wrap img {

        width:210px;

        height:372px;

    }

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image a {position:relative;display:block;}

    .ourwork-mobile-detail-inner .kehu-images-scroll .swiper-slide-image-wrap img {width:370px;height:auto;}

}

@media (min-width:1200px){

    .ourwork-mobile-detail-inner .swiper-slide-image-wrap {

        width:350px;

        height:640px;

    }

    .ourwork-mobile-detail-inner .swiper-slide-image .image-wrap {

        width:350px;

        height:640px;

        padding:15% 0 22%;

    }

    .ourwork-mobile-detail-inner .images-scroll-wrap img {

        width:263px;

        height:466px;

    }

}


.ourwork-mobile-images-scroll .work-buttons {

    z-index:2;

    position:absolute;

    right:25px;

    top:0;

}

.ourwork-mobile-images-scroll .work-buttons .count {height:60px;margin-bottom:190px;}

.ourwork-mobile-images-scroll .work-buttons .count span,

.ourwork-mobile-images-scroll .work-buttons .count i{

    display:block;

    font:14px/50px 'gotham-medium';

    writing-mode:tb-rl;

    color:#333;

}

.ourwork-mobile-images-scroll .work-buttons .count i {  margin:6px 0 2px;}

.ourwork-mobile-images-scroll .work-buttons .count span.total,

.ourwork-mobile-images-scroll .work-buttons .count i {  color:#999;  }

.ourwork-mobile-images-scroll .work-buttons .prev,.ourwork-mobile-images-scroll .work-buttons .next {background:#333;}

.ourwork-mobile-images-scroll .work-buttons .prev:before {background:url(../images/left-icon5a.png) no-repeat center center;}

.ourwork-mobile-images-scroll .work-buttons .next:before {background:url(../images/right-icon5a.png) no-repeat center center;}

.ourwork-mobile-images-scroll .work-buttons .prev:hover:before {background:url(../images/left-icon5.png) no-repeat center center;}

.ourwork-mobile-images-scroll .work-buttons .next:hover:before {background:url(../images/right-icon5.png) no-repeat center center;}


.ourwork-mobile-article-inner .main-article {min-height:410px;}

.ourwork-mobile-article .each-item {margin-bottom:50px;}

.ourwork-mobile-article .each-item .dt-title {

    float:left;

    width:35%;

    font-weight:bold;

    font-size:24px;

    color:#333;

    line-height:1.6;

}

.ourwork-mobile-article .each-item .dd-content {

    float:left;

    width:60%;

    font-size:14px;

    color:#666;

    line-height:1.75;

    text-align:justify;

    overflow:hidden;

}

.ourwork-mobile-article .back-wrap {float:left;}

.ourwork-mobile-article .back-btn {display:block;}

.ourwork-mobile-article .back-wrap strong {

    display:block;

    margin-bottom:20px;

    font-size:14px;

    color:#666;

    writing-mode: tb-rl;

    line-height:50px;

}

.ourwork-mobile-article .back-wrap .icon {

    display:block;

    width:50px;

    height:50px;

    background:#333 url(../images/more-icon3.png) no-repeat center center;

    border-radius:100%;

}

.ourwork-mobile-article .code-wrap {float:right;margin-right:5%;}

.ourwork-mobile-article .code-wrap .word {

    display:block;

    margin-top:15px;

    font-size:16px;

    color:#333;

    text-align:center;

}

@media (max-width:1400px){

    .ourwork-mobile-detail-inner {padding:3% 4%;}

    .ourwork-mobile-article-inner .main-article {min-height:280px;}

    .ourwork-mobile-article .each-item {margin-bottom:20px;}

    .ourwork-mobile-article .back-wrap strong {margin-bottom:10px;}

}

.activity-page .container {width:1350px;}

.activity-tab-wrap {

    padding:60px 0;

}

.activity-tab-wrap li {

    display:inline-block;

    margin-right:50px;

}

.activity-tab-wrap li a {

    font:30px/1 'gotham-medium','Microsoft Yahei' ;

    color:#999;

}

.activity-tab-wrap li.on a {color:#333;}

.activity-list {padding-bottom:85px;}

.activity-list .each-item {margin-left:-16px;}

.activity-list .item {

    float:left;

    margin:0 0 16px 16px;

}

.activity-list .big-item {

    position:relative;

    width:520px;

}

.activity-list .small-item {

    width:260px;

    background:#fff;

}

.activity-list .small-item .text-wrap {

    width:100%;

    height:260px;

}

.activity-list .big-item .text-wrap {

    position:absolute;

    bottom:0;

    width:100%;

    background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));

    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));

    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));

    background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));

}

.activity-list .big-item .text-inner {padding:40px;}

.activity-list .small-item .text-inner {

    padding:80px 40px;

    line-height:1;

}

.activity-list .item .title {

    font-weight:bold;

    line-height:1.2;

}

.activity-list .small-item .title {

    font-size:30px;

    color:#666;

}

.activity-list .big-item .title {

    font-size:24px;

    color:#fff;

}

.activity-list .item .line {

    width:40px;

    height:2px;

    margin:15px 0;

}

.activity-list .small-item .line {  background:#c4c4c4;  }

.activity-list .big-item .line {  background:#fff;  }

.activity-list .item .small {  font:16px/1 'Gotham-Book';  }

.activity-list .small-item .small {color:#999;}

.activity-list .big-item .small {color:#fff;}


.join-list {padding:50px 0 65px;}

.join-list .each-item {

    position:relative;

    margin-bottom:15px;

    background:#fff;

    transition:all .5s;

}

.join-list .each-item:hover {box-shadow:0 0 25px rgba(0,0,0,.2);}

.join-list .each-item .text-wrap {

    float:left;

    width:42.5%;

}

.join-list .each-item .text-inner {

    padding:12%;

    line-height:1;

}

.join-list .each-item .text-inner .title {

    font:30px/1 'Gotham-Book','Microsoft Yahei';

    font-weight:bold;

    color:#333;

}

.join-list .each-item .text-inner .line {

    display:block;

    width:30px;

    height:3px;

    margin:25px 0;

    background:#d1d1d1;

}

.join-list .each-item .text-inner .descrition {

    font-size:16px;

    color:#333;

    line-height:30px;

}

.join-list .each-item .normal-more-wrap2 {

    position:absolute;

    bottom:12%;

}

.join-list .each-item .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}

.join-list .each-item .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}

.join-list .each-item .image-wrap {

    position:relative;

    float:left;

    width:57.5%;

    overflow:hidden;

}

.join-list .each-item:nth-child(2n+1) .image-wrap {float:right;}


.join-us-info-inner {position:relative;width:100%;height:100%;padding:4.75%;}

.join-us-info-inner .title-wrap {

    float:left;

    width:30%;

    color:#333;

}

.join-us-info-inner .title-wrap .title1 {

    font:36px/1 'gotham-medium';

    text-transform:uppercase;

}

.join-us-info-inner .title-wrap .line {

    display:block;

    width:40px;

    height:4px;

    margin:25px 0;

    background:#d1d1d1;

}

.join-us-info-inner .title-wrap .title2 {

    font-size:28px;

    font-weight:bold;

}

.join-us-info-inner .detail-wrap {

    margin-left:30%;

    width:420px;

    color:#333;

    line-height:1.8;

}

.join-us-info-inner .detail-wrap .infomation {

    margin-bottom:80px;

    font-size:20px;

}

.join-us-info-inner .detail-wrap .descrition {

    font-size:16px;

}

.join-us-info-inner .detail-wrap .descrition .title {

    font-size:20px;

    font-weight:bold;

}

.join-us-info-article-inner .back-wrap {

    z-index:2;

    position:absolute;

    left:4.75%;

    bottom:4.75%;

}

.join-us-info-article-inner .back-btn {display:block;}

.join-us-info-article-inner .back-wrap strong {

    display:block;

    margin-bottom:20px;

    font-size:14px;

    color:#666;

    writing-mode: tb-rl;

    line-height:50px;

}

.join-us-info-article-inner .back-wrap .icon {

    display:block;

    width:50px;

    height:50px;

    background:#339ec1 url(../images/more-icon1.png) no-repeat center center;

    border-radius:100%;

}

.join-us-info-article-inner .work-buttons-wrap .count {

    z-index:2;

    position:absolute;

    right:4.75%;

    bottom:4.75%;

}

.join-us-info-article-inner .work-buttons-wrap .count span,

.join-us-info-article-inner .work-buttons-wrap .count i{

    display:inline-block;

    font:24px/50px 'Gotham-Book';

    color:#333;

}

.join-us-info-article-inner .work-buttons-wrap .count span.current { font:36px/50px 'gotham-medium';}

.join-us-info-article-inner .work-buttons-wrap .count span.total,

.join-us-info-article-inner .work-buttons-wrap .count i {  color:#999;  }

.join-us-info-article-inner .work-buttons-wrap .prograss-bar {

    z-index:2;

    position:absolute;

    right:4.75%;

    top:4.75%;

}

.join-us-info-article-inner .work-buttons-wrap .iconfont {

    display:inline-block;

    width:50px;

    height:50px;

    margin-left:15px;

    border-radius:100%;

    -moz-border-radius:100%;

    -webkit-border-radius:100%;

}

.join-us-info-article-inner .work-buttons-wrap .prev {background:#333 url(../images/left-icon3a.png) no-repeat center center;}

.join-us-info-article-inner .work-buttons-wrap .next {background:#333 url(../images/right-icon3a.png) no-repeat center center;}


.solution-list .item-list {padding:35px 0 15px;margin-left:-1.25%;}

.solution-list .each-item {

    position:relative;

    float:left;

    width:32.08%;

    margin:0 0 1.75% 1.25%;

    background:#fff;

    /*overflow:hidden;*/

    transition: all .6s;

}

.solution-list .each-item:hover {

    /*width:32.43%;*/

    /*padding:.35%;*/

    /*margin:-.35% -.35% .9% .9%;*/

}


.solution-list .item-inner {z-index:1;position:relative;display:block;}

.solution-list .each-item .text-inner {

    padding:5%;

}

.solution-list .each-item .text-inner .title {

    margin-bottom:10px;

    font-size:16px;

    font-weight:bold;

    color: #333;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.solution-list .each-item .text-inner .descrition {

    height:44px;

    font-size:12px;

    color:#666;

    line-height:22px;

    overflow:hidden;

}

.news-list-page {padding-bottom:70px;}

.news-list-page .container {max-width:1350px;}

.news-tab-wrap {padding:65px 0 55px;}

.news-tab-wrap li {display:inline-block;margin-right:10px;}

.news-tab-wrap li a {

    display:block;

    width:150px;

    height:50px;

    font-size:14px;

    color:#666;

    line-height:50px;

    text-align:center;

    background:#fff;

    border-radius:25px;

    transition:all .4s ease-in-out;

}

.news-tab-wrap li.on a,.news-tab-wrap li a:hover {color:#fff;background:#333;}

.news-list .item-list {margin-left:-1.5%;}

.news-list li {

    position:relative;

    float:left;

    width:48.5%;

    margin:0 0 1.5% 1.5%;

    background:#fff;

}

.ourwork-list .each-item:after,

.news-list li:after,.index-news-list .item2:after,

.index-news-list .item3:after,

.solution-list .each-item:after,

.pay-list .each-item:after {

    position:absolute;

    left:0;

    top:0;

    content:'';

    display:block;

    width:100%;

    height:100%;

    background:#fff;

    transition:all .6s;

}

.ourwork-list .each-item:hover:after,

.news-list li:hover:after,

.index-news-list .item2:hover:after,

.index-news-list .item3:hover:after,

.solution-list .each-item:hover:after,

.pay-list .each-item:hover:after{

    box-shadow:0 15px 15px rgba(0,0,0,.1);

}

.news-list li:hover:after,

 .index-news-list .item2:hover:after,

 .index-news-list .item3:hover:after,

.pay-list .each-item:hover:after {transform:scale(1.025);}

.news-list li a,.index-news-list .item-inner {

    z-index:1;

    position:relative;

    display:block;

}

.news-list-one li a {  padding:35px 70px;  }

.news-list-one .date-wrap {

    position:relative;

    float:left;

    width:115px;

    height:155px;

    border-right:1px solid #e7e7e7;

}

.news-list-one .date-inner {

    position:absolute;

    top:50%;

    transform:translateY(-50%);

}

.news-list-one .date-wrap .day {

    font:48px/1 'gotham-medium';

}

.news-list-one .date-wrap .line {

    display:block;

    width:25px;

    height:3px;

    margin:15px 0;

    background:#e7e7e7;

}

.news-list-one .date-wrap .days {

    font:14px/1 'Gotham-Book';

}

.news-list-one .text-wrap {

    margin-left:175px;

}

.news-list-one .text-wrap .title {

    font-size:18px;

    color:#333;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.news-list-one .text-wrap .descrition {

    height:48px;

    margin:15px 0 40px;

    font-size:14px;

    color:#666;

    line-height:24px;

    overflow:hidden;

}

.news-list .text-wrap .more .icon{

    display:inline-block;

    width:0;

    height:10px;

    background:url(../images/more-icon2.png) no-repeat center center;

    transition:all .4s;

    opacity:0;

}


.news-list .text-wrap .more strong{

    font-size:14px;

    font-weight:normal;

    color:#666;

    transition:all .4s;

}

@media(min-width:1366px){

    .news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}

    .news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}

    .news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}

}


.news-list-two li a {padding:35px 40px;}

.news-list-two li .text-wrap {

    float:left;

    width:35%;

}

.news-list-two li .date {

    font:14px/1 'Gotham-Book';

}

.news-list-two li .text-wrap .title {

    height:60px;

    margin:30px 0;

    font-size:18px;

    color:#333;

    line-height:30px;

    overflow:hidden;

}

.news-list-two li .image-wrap {

    float:right;

    width:35%;

    min-width:150px;

}

.news-list-two li .image-wrap img {max-width:150px;}

.contact-us-page {

    padding:15px 0 70px;

}

.contact-us-page .container {}

.contact-infomation {

    padding:4% 5% 4.5%;

    background:#fff;

}

.contact-infomation .each-item {

    float:left;

    width:21.5%;

    margin-right:3.5%;

}


.contact-infomation .each-item dt {

    padding-bottom:25px;

    margin-bottom:15px;

    font-size:14px;

    font-weight:bold;

    color:#333;

    border-bottom:1px solid rgba(0,0,0,.15);

}

.contact-infomation .each-item .word {

    font-size:14px;

    color:#666;

    transition:all .5s ease-in-out;

}

.contact-infomation .each-item a.word:hover {color:rgba(255,255,255,.7);}

.contact-infomation .each-item .contact-item .word {

    display:block;

    padding:5px 0;

}

.contact-infomation .each-item .address-item dd {

    margin:0 0 20px 0;

    padding-left:35px;

}

.contact-infomation .each-item .address-item .address {

    line-height:22px;

    background:url(../images/contact-icon3.png) no-repeat left center;

}

.contact-infomation .each-item .address-item .phone-number {

    line-height:24px;

    font-size:16px;

    background:url(../images/contact-icon4.png) no-repeat left center;

}

.contact-infomation .each-item.qq-item {

    /*width:29%;

    margin-left:6.5%;*/

    width:25%;

    margin-right:0;

}


.contact-infomation .each-item .dt-title {

    padding-bottom:25px;

    margin-bottom:15px;

    font-size:16px;

    font-weight:bold;

    color:#333;

    border-bottom:1px solid rgba(0,0,0,.15);

    text-transform:uppercase;

}

.contact-infomation .each-item .dt-titles {

    padding-bottom:25px;

    font-size:16px;

    font-weight:bold;

    color:#333;

    text-transform:uppercase;

}

.contact-infomation .each-item .dd-content > span {

    font:16px/1  'Gotham-Book','Microsoft Yahei';

    color:#666;

    font-weight:bold;

    line-height:22px;

    padding-left:35px;

    background:url(../images/contact-icon5.png) left center no-repeat;

}

.contact-infomation .each-item .wechat-content > span {

    font:16px/1  'Gotham-Book','Microsoft Yahei';

    color:#666;

    font-weight:bold;

    line-height:22px;

    padding-left:35px;

    background:url(../images/wechat.png) left center no-repeat;

}

.contact-infomation .each-item .contact-qq {

    display:inline-block;

    width:145px;

    height:48px;

    margin-right:10px;

    margin-bottom:10px;

    font:14px/1  'gotham-medium';

    color:#333;

    line-height:48px;

    text-align:center;

    border:2px solid #333;

    border-radius:52px;

    -moz-border-radius:52px;

    -webkit-border-radius:52px;

    transition:all .4s ease-in-out;

}

.contact-infomation .each-item .contact-qq:hover {color:#fff;background:#333;}

.contact-infomation .each-item .contact-qq .icon {

    display:inline-block;

    width:23px;

    height:23px;

    margin-right:5px;

    vertical-align:-5px;

    background:url(../images/contact-icon1-2.png) no-repeat center center;

    transition:all .4s ease-in-out;

}

.contact-infomation .each-item .contact-qq:hover .icon {background:url(../images/fix-icon2.png) no-repeat center center;}

@media(max-width:1338px){

    .contact-infomation {padding:3% 3% 3.5%;}

    /*.contact-infomation .each-item.qq-item {width:35.5%;margin-left:0;}*/

    .contact-infomation .each-item .dd-content > span {  font: 14px/1 'Gotham-Book','Microsoft Yahei';  line-height: 24px;  }

    .contact-infomation .each-item .contact-qq {width:135px;height:40px;line-height:36px;}

}

.contact-map {background:#fff;}

.contact-traffic {

    background:#fff;

}

.contact-traffic .title {

    padding-bottom:4%;

    font-size:28px;

    font-weight:bold;

    color:#333;

    text-align:center;

    padding-top:5%;

}

/*.contact-traffic-ways {margin-left:-5%;}*/

.contact-traffic .each-item {

    float:left;

    width:50%;

    min-height:500px;

    padding:8% 10% 5% 7%;

    box-sizing:border-box;

}

    .contact-traffic .each-item:last-child {

        background:#f1f1f1;

    }

.contact-traffic .each-item .dt-title {

    margin-bottom:20px;

    border-bottom:1px solid #e5e5e5;

}

.contact-traffic .each-item .dt-title .icon {

    display:block;

    width:48px;

    height:45px;

}

.contact-traffic .item-bus .dt-title .icon {background:url(/imagescontact-icon2-1.png) no-repeat center center;}

.contact-traffic .item-train .dt-title .icon {background:url(/imagescontact-icon2-2.png) no-repeat center center;}

.contact-traffic .item-car .dt-title .icon {background:url(/imagescontact-icon2-3.png) no-repeat center center;}

@media(max-width:1365px){

    .contact-traffic .each-item .dt-title .icon {width:55px;height:51px;}

    .contact-traffic .item-bus .dt-title .icon {background:url(/imagescontact-icon2-1a.png) no-repeat center center;background-size:100% 100%;}

    .contact-traffic .item-train .dt-title .icon {background:url(/imagescontact-icon2-2a.png) no-repeat center center;background-size:100% 100%;}

    .contact-traffic .item-car .dt-title .icon {background:url(/imagescontact-icon2-3a.png) no-repeat center center;background-size:100% 100%;}

}

.contact-traffic .each-item .dt-title .text {

    display:block;

    padding:30px 0;

    font-size:20px;

    color:#333;

    line-height:1;

}

.contact-traffic .each-item .dd-content {padding-right:60px;}

.contact-traffic .each-item .dd-content span {

    display:block;

    font:14px/1.85 'gotham-medium','Microsoft Yahei';

    color:#666;

}

.pay-page {  padding:60px 0 100px;  }

.pay-page-inner .title {

    margin-bottom:23px;

    font-size:28px;

    font-weight:bold;

    color:#333;

    text-align:center;

}

.pay-list .each-item {position:relative;float:left;width:25%;background:#fff;}

.pay-list .each-item:hover {z-index:1;}

.pay-list .each-item:hover:after {box-shadow:0 0 25px rgba(0,0,0,.2);}

.pay-list .item-inner {z-index:2;position:relative;}

.pay-list .item-inner {padding:13%;}

.pay-list .item-inner .image-wrap {margin-bottom:25px;}

.pay-list .item-inner .image-wrap img {width:auto;max-width:100%;}

.pay-list .item-inner .account span{

    display:block;

    padding:5px 0;

    font-size:14px;

    color:#333;

}

@media (min-width:1400px){

    .pay-list .each-item {width:25%;}

    .pay-list .each-item:nth-child(2),

    .pay-list .each-item:nth-child(4),

    .pay-list .each-item:nth-child(5),

    .pay-list .each-item:nth-child(7) {background:#fcfcfc;}

}

@media (max-width:1550px){

    .pay-list .each-item {width:33.33%;}

    .pay-list .each-item:nth-child(2),

    .pay-list .each-item:nth-child(4),

    .pay-list .each-item:nth-child(6),

    .pay-list .each-item:nth-child(8){background:#fcfcfc;}

}

@media (min-width:1530px){

    .pay-list .item-inner {padding:10%;}

}

@media (min-width:992px) and (max-width:1299px){

    .pay-list .each-item {width:50%;}

}




.more-relate-list {padding:40px 0;}

.more-relate-list .relate-title {

    margin-bottom:20px;

    font-size:24px;

    font-weight:bold;

    color:#333;

}

.normal-info-container {

    z-index:1;

    position:relative;

    margin-top:-10vh;

    padding:55px 90px;

    background:#fff;

}

.solution-info .normal-info-container,

.news-info .normal-info-container{

    margin-top:-15vh;

    padding:70px 85px;

}

.solution-info .solution-list .item-list {

    padding:0 0 10px;

}

.normal-info-container .news-info-title {

    padding-bottom:23px;

    margin-bottom:20px;

    font:14px/1 'Gotham-Book','Microsoft Yahei';

    color:#999;

    border-bottom: 1px solid #e5e5e5;

}

.normal-info-container article {

    font-size:14px;

    color:#555;

    line-height:1.85;

}

.normal-info-container .prev-next-wrap {

    padding-top:23px;

    font-size:14px;

    color:#666;

    line-height:1.5;

    border-top:1px solid #e5e5e5;

}

.normal-info-container .prev-next-wrap .prev {margin-bottom:10px;}

.normal-info-container .prev-next-wrap a {color:#666;}

article .title {

    margin-bottom:25px;

    font-size:28px;

    font-weight:bold;

    color:#333;

}

article .descrition {

    font-size:14px;

    color:#666;

    line-height:1.8;

}

.load-more {display:none;}

@media (max-width:1400px){

    .news-page .normal-inner-banner .container,

    .news-list-page .container,

    .normal-banner-inner .container,

    .contact-us-page .container,

    .pay-page .container{max-width:none;width:100%;padding:0 4.5%;}

}

@media (max-width:1400px){

    .normal-more-wrap1 {padding-top:30px;}

    .ourwork-tab-wrap {padding:40px 0 30px;}

    /*.normal-inner-banner .normal-banner-inner {top:55%;}*/

    .fullwindow-banner-inner {margin-top:40px;}

    .about-wrap-first {height:50vh;}

    .about-wrap-first.active {  margin-top:-50px;}

    .service-wrap .text-wrap .title,.inner-title {font-size:36px;}

    .inner-line,

    .service-wrap .text-wrap .line,

    .ourwork-pc-title .line{height:3px;}

    .about-wrap-three .each-item .inner-title,

    .ourwork-pc-title .title{font-size:32px;}

    .service-wrap .text-wrap .descrition {font-size:14px;}

    article .title {font-size:24px;}

    .single-full-detail {width:91%;margin-left: -45.5%;}

    .ourwork-mobile-article .each-item .dt-title {font-size:20px;}

    .ourwork-mobile-article .each-item .dd-content {font-size:12px;}

    .ourwork-mobile-article .each-item .dt-title {width:30%;}

    .ourwork-mobile-article .each-item .dd-content {width:70%;max-height:105px;}

    .ourwork-mobile-article .code-wrap img {width:90px;}

    /*.ourwork-mobile-detail-inner .images-scroll-wrap img {width:65%;}*/

    .ourwork-pc-title .link-wrap {right:4.5%;}

}

@media (min-width:1080px){

    .index-service .work-buttons .prev:hover:before {background:url(/imagesleft-icon5a.png) no-repeat center center;}

    .index-service .work-buttons .next:hover:before {background:url(/imagesright-icon5a.png) no-repeat center center;}

    .index-service .work-buttons .iconfont:hover:after,

    .ourwork-mobile-images-scroll .work-buttons .iconfont:hover:after {transform:scale(1);}

}